大家好,我最近在一个项目中工作,我们需要使用linkedIn同步用户数据,所以要通过LinkedIn设置登录我访问了LinkedIn开发人员文档但没有明确的说明,所以我想解释一下如何您通过 LinkedIn API 设置轻松登录或同步用户数据。

  • 我们中的很多人可能在不同的网站上遇到过,在这些网站上可以使用 Facebook、Github、Google 和 LinkedIn 登录。这些操作称为 OAuth 授权设置。它们彼此非常相似,每个人都遵循相同的方式。所以现在我将解释使用linkedIn 设置OAuth。这是应用程序的 OAuth 流程

[image.png](https://res.cloudinary.com/practicaldev/image/fetch/s--p6yXuGOQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode .com/res/hashnode/image/upload/v1599444635045/nvLNSwwHP.png)

脚步:

  • 从您的个人资料中访问 LinkedIn开发者网站,现在您将能够在主页上看到一个创建应用程序按钮,点击它。

[image.png](https://res.cloudinary.com/practicaldev/image/fetch/s--iUwsRA5t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode .com/res/hashnode/image/upload/v1598762877198/gtAZSX_mS.png)

  • 单击页面后,您将能够看到需要指定应用程序名称的页面,您必须输入您将与您正在构建的应用程序相关联的公司的 LinkedIn 页面名称,输入任何隐私关联应用程序的策略 URL,上传公司徽标并创建应用程序。

[image.png](https://res.cloudinary.com/practicaldev/image/fetch/s--88yXDyEo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode .com/res/hashnode/image/upload/v1598763028307/mZoczMEag.png)

  • 之后,您将获得一个客户端 ID 和客户端密码,我们稍后将在下一页的 Auth 选项卡中的应用程序中使用它们,这里您还需要指定重定向 URL,该 URL 将用于重定向到您的登录后申请。

[image.png](https://res.cloudinary.com/practicaldev/image/fetch/s--hO1IOru7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode .com/res/hashnode/image/upload/v1598763673930/Jjx65u_Wi.png)

  • 现在主要步骤是获取应用程序所需的数据,为此,您需要访问用户配置文件范围,例如 r_basicprofile、r_fullprofile 和 r_emailaddress,这些是您将要使用的字段能够从 LinkedIn API 访问,该 API 将根据您在应用程序中添加的产品添加

[image.png](https://res.cloudinary.com/practicaldev/image/fetch/s--YDy833VG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode .com/res/hashnode/image/upload/v159877936187/Hu_Bl1Mse.png)

  • 现在您需要为您的应用程序配置产品,下图您需要选择使用 LinkedIn 产品登录,以便您从登录用户那里获取基本个人资料和电子邮件地址。如果您需要获得所有与用户相关的教育,任何其他您需要设置其他产品或者您需要向 LinkedIn 申请不同的合作伙伴计划以获得用户的完整详细信息。

[image.png](https://res.cloudinary.com/practicaldev/image/fetch/s--Gbbib45r--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode .com/res/hashnode/image/upload/v159877801452/m-pOzi_e-.png)

  • 我已经为我的应用程序添加了使用 LinkedIn 产品的登录,这将使我在您的范围内获得 r_liteprofile 和 r_emailaddress。

[image.png](https://res.cloudinary.com/practicaldev/image/fetch/s--XqhG5GMz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.hashnode .com/res/hashnode/image/upload/v1599407717691/iI6o0pujv.png)

我为此用例创建了一个带有 Nextjs 和无服务器功能的反应应用程序。这是样本网站。我已经创建了它,它将为您提供您的个人资料名称和个人资料图片。

参考文献:

LinkedIn开发者网址:https://www.linkedin.com/developers/

回购链接:https://github.com/sridhar02/LinkedIn-OAuth-example

示例网站链接:https://linkedin-oauth-example.vercel.app/

LinkedIn 文档:https://docs.microsoft.com/en-us/linkedin/shared/authentication/authorization-code-flow?contextu003dlinkedin/compliance/context

如果您对本文或一般技术或软件工程有任何疑问,请在此处发表评论,或者您可以在 twitter@ksridhar02上给我发消息。

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐