设置 X 社交登录
Logto 官方的 X（前身为 Twitter）社交登录连接器。
本指南假设你对 Logto 连接器 (Connectors) 有基本的了解。对于不熟悉的人，请参考 连接器 (Connectors) 指南以开始了解。
开始使用
X (Twitter) 连接器使终端用户能够通过 X OAuth 2.0 认证 (Authentication) 协议使用他们自己的 X (Twitter) 账户登录到你的应用程序。
在 X 开发者门户创建应用
前往 X 开发者门户 并使用你的 X 账户登录。如果你没有账户，可以注册一个。
然后，创建一个应用。
步骤 1： 导航到应用创建部分。
登录后，进入“Projects & Apps”部分，点击 “Create App”（或 “New App”，取决于界面）。
步骤 2： 填写应用详情。
使用以下信息完成表单：
- App Name： 为你的应用提供一个独特且描述性的名称。
- Application Description：（可选）添加一个简短的描述，说明你的应用的功能。
- Website URL： 输入你的应用主页的 URL。
- Callback URL / Redirect URI： 在我们的例子中，这将是
${your_logto_endpoint}/callback/${connector_id}。例如https://foo.logto.app/callback/${connector_id}。connector_id可以在 Logto 管理控制台连接器详情页面的顶部栏找到。
步骤 3： 选择权限和权限范围 (Scopes)。
选择你的应用所需的权限。对于通过 X 的社交登录，确保启用必要的权限范围 tweet.read 和 users.read。
步骤 4： 保存你的应用。
点击 “Create” 或 “Save” 来注册你的应用。
创建后，导航到你的应用的 “Keys and tokens” 部分以获取你的 OAuth 2.0 Client ID 和 Client Secret。
配置你的连接器
在你的 Logto 连接器配置中，使用从应用的“Keys and tokens”页面的“OAuth 2.0 Client ID 和 Client Secret”部分获得的值填写以下字段：
- clientId： 你的应用的 Client ID。
- clientSecret： 你的应用的 Client Secret。
scope 是一个以空格分隔的 权限范围 (Scopes) 列表。如果未提供，默认权限范围是 tweet.read users.read。
配置类型
| 名称 | 类型 |
|---|---|
| clientId | string |
| clientSecret | string |
| scope | string |
测试 X (Twitter) 连接器
就是这样。X (Twitter) 连接器现在应该可用了。别忘了在登录体验中启用社交连接器。
参考资料
X 开发者文档X OAuth 2.0 授权 (Authorization) 代码流程与 PKCE