angularjs - 如何从 OAuth 开始使用 Angular 前端和 Node 后端以及 Git hub API 创建 Web 应用程序？

Question

我的意思是说我的客户端和服务器以及 github 服务器之间的流程应该如何。仅从 OAuth 开始，我没有收到它，并且在发出 get 请求时遇到错误。我应该从哪里发出 OAuth 的获取请求，客户端还是服务器。什么是更好的做法？

Answer 1

首先看一下这个图(我用draw.io制作的)。

图表解释:

正如您所看到的，此图中没有引用 MEAN 堆栈，因为这与您选择的语言首选项没有任何关系。

您的客户端可能是Angularjs | jQuery | ReactJS | Ember |淘汰赛| Backbone | iOS |安卓| ...。

您的服务器可能是:node.js | php | python | java | ruby |.... .

您的数据库可能是:mongodb | mysql | mysql | PostgreSQL | couchdb|....

了解 OAuth API:

OAuth API 允许用户在一个位置使用相同的凭据从一个应用程序登录到另一个应用程序。

此外，它还允许在不同的客户端应用程序上轻松进行单点登录。

OAuth 背后的基本原理依赖于一次注册和多次登录。几年前，当您想要登录应用程序或服务时，您必须注册。然后，如果您想登录不同的服务，则必须使用明显相同的详细信息(电子邮件、出生日期、用户名、密码、照片、性别...)再次注册不同的服务。

这太疯狂了，让我们作为用户不耐烦，每次都写下这些细节。

那是很久以前的事了，现在:您注册一次 Facebook |谷歌+ | GitHub | Twitter ，您只需使用这些公司提供的凭据登录到不同的应用程序或服务，作为返回，这些公司将作为软件提供商向您提供这些详细信息(电子邮件、照片、性别、用户名、 friend 、关注者)，这对于用户自己来说是大量数据，而且省力。

After you have basic understanding of OAuth: Lets move on to the FLOW:

我将分阶段编写流程:

第一个行动:用户打开您的应用程序。

第二个行动:用户可以选择使用 GitHub 登录 |您很可能还会建议他使用他的电子邮件进行注册。

第三个行动:用户选择 github 登录 -> 打开 github 的弹出窗口。三种可能性:

A) 用户拥有帐户并已登录。

-> 只需按接受，GitHub 就会返回带有访问 token 的回调以及有关用户的通用数据。

B) 用户有帐户但未登录。

-> 只需输入登录凭据(电子邮件 | 用户名和密码)-> A 阶段。

C) 用户没有帐户。-> 用户注册 Git Hub -> B 阶段 -> A 阶段。

现在:您需要采取一些行动:在 GitHub 中，您必须提供有关 -> 成功登录重定向的信息。这意味着:成功登录后重定向的 URL。

当您在设置中填写该网址时，用户登录后，他将自动重定向到该网址，并通过该请求发送他的详细信息。

从 GitHub API 获取详细信息后，您会希望将用户保存到服务器上的数据库中。

Why?

因此用户在您的应用上所做的操作将被保存。

基本上，我保存了所有内容:数据和访问 token 。

Why do I need access token? If you ever wanted to make actions on his GitHub profile, for example fork new repos, or follow other members, you would have to use this access token.

如果我有任何不清楚的地方，我很乐意解释更多。

@林尼尔