Skip to main content

LinkedIn 提供商的用户和权限设置

¥LinkedIn provider setup for Users & Permissions

本页面说明如何为 用户和权限功能 设置 LinkedIn 提供程序。

¥The present page explains how to setup the LinkedIn provider for the Users & Permissions feature.

Prerequisites

你已阅读 用户和权限提供商文档。

¥You have read the Users & Permissions providers documentation.

领英配置​

¥LinkedIn configuration

注意

LinkedIn 接受 localhost 网址。
不需要使用 ngrok。

¥LinkedIn accepts the localhost urls.
The use of ngrok is not needed.

  1. 访问应用列表页面 [https://www.linkedin.com/developers/apps](https://www.linkedin.com/developers/apps) 

    ¥Visit the Apps list page at https://www.linkedin.com/developers/apps 

  2. 单击创建应用按钮

    ¥Click on Create app button

  3. 填写信息：

    ¥Fill the information:

    • 应用名称：Strapi 授权

      ¥App name: Strapi auth

    • 领英页面：输入与应用关联的 LinkedIn 页面名称，或单击“创建新的 LinkedIn 页面”以创建新页面

      ¥LinkedIn Page: Enter a LinkedIn page name to associate with the app or click Create a new LinkedIn Page to create a new one

    • 应用徽标：上传至少 100x100 像素的方形图片。

      ¥App Logo: Upload a square image that is at least 100x100 pixels.

  4. 单击创建应用以创建应用

    ¥Click on the Create app to create the app

  5. 在应用页面上单击“身份验证”选项卡

    ¥On the app page click on Auth tab

  6. 填写信息：

    ¥Fill the information:

    • 授权重定向网址：http://localhost:1337/api/connect/linkedin/callback

      ¥Authorized redirect URL: http://localhost:1337/api/connect/linkedin/callback

  7. 在应用页面上单击“产品”选项卡。

    ¥On the app page click on Products tab.

  8. 从产品列表中选择 Sign In with LinkedIn 来启用它。

    ¥Select Sign In with LinkedIn from the product list to enable it.

表带配置​

¥Strapi configuration

  1. 访问用户和权限提供商设置页面位于 [http://localhost:1337/admin/settings/users-permissions/providers](http://localhost:1337/admin/settings/users-permissions/providers) 

    ¥Visit the User & Permissions provider settings page at http://localhost:1337/admin/settings/users-permissions/providers 

  2. 单击 LinkedIn 提供商

    ¥Click on the LinkedIn provider

  3. 填写信息：

    ¥Fill the information:

    • 使能够：ON

      ¥Enable: ON

    • 客户编号：84witsxk641rlv

      ¥Client ID: 84witsxk641rlv

    • 客户秘密：HDXO7a7mkrU5a6WN

      ¥Client Secret: HdXO7a7mkrU5a6WN

    • 前端应用的重定向 URL：http://localhost:3000/connect/linkedin/redirect

      ¥The redirect URL to your front-end app: http://localhost:3000/connect/linkedin/redirect

你的配置已完成。启动后端和 react login 示例应用 ，转到 http://localhost:3000 并尝试连接到你配置的提供商。

¥Your configuration is done. Launch the backend and the react login example application , go to http://localhost:3000 and try to connect to the provider you configured.