LinkedIn 提供方在 Users & Permissions 中的设置

页面摘要: 通过创建 LinkedIn 应用、注册重定向 URL,并在 Strapi 管理面板中输入你的凭据,将 LinkedIn 配置为 Strapi Users & Permissions 功能的提供方。

本页介绍如何为 Users & Permissions 功能 设置 LinkedIn 提供方。

WARNING
已弃用的范围

LinkedIn 已迁移到"使用 OpenID Connect 登录 LinkedIn"(Sign In with LinkedIn using OpenID Connect),弃用了 r_liteprofile 和 r_emailaddress 范围。Strapi 内置的 LinkedIn 提供方仍在使用这些已弃用的范围和旧的 Profile API。当 LinkedIn 完全移除旧版支持时,该提供方可能会停止工作。以下设置步骤反映了当前的 Strapi 实现,但 LinkedIn 开发者门户中的步骤(产品选择、范围)应遵循 LinkedIn 的 OpenID Connect 文档。

LinkedIn 配置

NOTE

LinkedIn 接受 localhost URL。

无需使用 ngrok。

  1. 访问应用列表页面,地址为 https://www.linkedin.com/developers/apps
  2. 点击 Create app(创建应用)按钮
  3. 填写信息:
    • App name(应用名称):Strapi auth
    • LinkedIn Page(LinkedIn 主页):输入要与应用关联的 LinkedIn 主页名称,或点击 Create a new LinkedIn Page(创建新的 LinkedIn 主页)来新建一个
    • App Logo(应用图标):上传一个至少为 100x100 像素的正方形图片。
  4. 点击 Create app(创建应用)以创建应用
  5. 在应用页面中点击 Auth(身份验证)选项卡
  6. 填写信息:
    • Authorized redirect URL(已授权的重定向 URL):http://localhost:1337/api/connect/linkedin/callback
  7. 在应用页面中点击 Products(产品)选项卡。
  8. 从产品列表中选择 Sign In with LinkedIn using OpenID Connect(使用 OpenID Connect 登录 LinkedIn)以启用它。

Strapi 配置

  1. 访问 User & Permissions 提供方设置页面,地址为 http://localhost:1337/admin/settings/users-permissions/providers
  2. 点击 LinkedIn 提供方
  3. 填写以下信息:
    • Enable:ON
    • Client ID:84witsxk641rlv
    • Client Secret:HdXO7a7mkrU5a6WN
    • 指向你前端应用的重定向 URL:http://localhost:3000/connect/linkedin/redirect

你的配置已完成。启动后端和 react 登录示例应用,访问 http://localhost:3000 并尝试连接到你所配置的提供方。