javascript - 在 Angular 2+ 应用程序中从 Twitter 获取用户访问 token

Question

您好，我想获得一个 Twitter 用户访问 token /刷新 token ，以便我的应用程序可以代表用户发布/阅读推文。

我的应用程序中有一个按钮。单击该按钮后，我需要显示如下图所示的内容 -

用户应该能够提供他/她的凭据，如果它已经登录到 Twitter，那么他/她应该只能看到授权应用程序按钮..

我在我的开发者 Twitter 帐户中创建了一个新应用程序..但对如何获取用户的访问 token 以代表他发布/阅读一无所知...

Answer 1

Twitter 使用 OAuth1.0a，而 Facebook 使用 OAuth2.0。 OAuth1.0a 和 OAuth2.0 之间的区别在于 OAuth1.0a 更安全，您应该使用基于服务器的身份验证流程，因为它涉及我们不应与 Angular 应用程序共享的 API key 和 secret 。

在服务器端(NodeJS/Django 等)，您应该使用 OAuth1.0 的客户端库，这将帮助您在将请求发送到 Twitter 之前签署请求的复杂过程。这是一个有用的链接(我也使用过)，供您实现服务器流程: https://github.com/requests/requests-oauthlib/blob/master/docs/oauth1_workflow.rst

基本上，twitter 的 OAuth 流程如下:

1. 发送 POST 请求到 oauth/request_token
2. 您将从第 1 步中获取授权 url，例如 https://api.twitter.com/oauth/authorize?oauth_token=XXX，您会将用户重定向到该网址，以便他们可以授权你的应用
3. Twitter 使用 access_token 和 verifier 将用户重定向到您的重定向 url(您在上一步中随请求一起发送)。
4. 您需要通过向 oauth/access_token 发送 POST 来交换 access_token 和 verifier 以获取实际可用的用户访问 token 。

您可以在此处找到有关三足式 OAuth 流程的更多详细信息:https://developer.twitter.com/en/docs/basics/authentication/overview/3-legged-oauth