0

0

React: LinkedIn Access Token in Steps

花韻仙語

花韻仙語

发布时间:2024-11-19 08:27:22

|

1185人浏览过

|

来源于dev.to

转载

我最近集成了 linkedin api,事实证明它非常简单。任务是从 linkedin 检索用户的电子邮件地址。为了实现这一目标,我主要使用了两个端点:

  • https://api.linkedin.com/oauth/v2/authorization

  • https://www.linkedin.com/oauth/v2/accesstoken

链接

  • 演示

  • 代码库

先决条件

要实现此功能,您需要一个 linkedin 应用程序,该应用程序可以通过 linkedin 开发人员门户轻松设置。创建后,您的应用程序将提供:

  • 客户端 id:您的应用程序的唯一标识符。
  • 客户端密钥:用于您的应用与 linkedin 之间的安全通信。

此外,您还需要设置一个重定向 url。这是 linkedin 在用户批准您的应用后发送授权代码的位置

React: LinkedIn Access Token in Steps

如何通过 10 个步骤获取 linkedin 访问令牌

两个端点,对吧?但要使这一切顺利进行,至少需要 10 个步骤。看一下时序图:

React: LinkedIn Access Token in Steps

步骤1:用户点击授权按钮。

React: LinkedIn Access Token in Steps

步骤 2:web 应用程序将用户重定向到 linkedin。

您需要将用户重定向到:

https://api.linkedin.com/oauth/v2/authorization?response_type=code&client_id=${client_id}&redirect_uri=${redirect_uri}&scope=profile%20email%20openid

将 client_id 和 redirect_uri 替换为您在开发者门户中定义的值。

QIMI奇觅
QIMI奇觅

美图推出的游戏行业广告AI制作与投放一体化平台

下载

第 3 步:linkedin 要求用户登录

React: LinkedIn Access Token in Steps

第 4 步:linkedin 要求用户授权 web 应用程序

第 5 步:linkedin 将用户发送至重定向 url。

就我而言,最终的重定向 url 如下所示:

https://demo.garciadiazjaime.com/linkedin-api-openid-user-info?code=aqswhfrkre6zvr-fsccbql2ffpxdkpxx6penqglafunwvxvicb2qmtucdy9czv-vziqiczv-4uqnckurqk1qmga3c13cdppghxditcpqmummjsksxxyloohcbf7jaaaqa6nkmq6pxslh5-itsnygdnwvidc1v1ynazckv-dcon1gp6lkqf8awu3cm5e79zoh8pmhs3_ewt0lymnsm7u

注意代码查询参数是如何传递的。这很重要,因为它将在下一步请求访问令牌时使用。

步骤 6:web 应用程序将代码传递给 lambda 函数

此处使用 lambda 函数的原因是下一步涉及请求访问令牌,这需要传递 client id 和 client secret。由于这些凭据应保持安全,因此此步骤需要在类似后端的环境中处理。

第 7 步:lambda 函数向 linkedin 请求访问令牌

看一下代码:

const { code } = json.parse(event.body);

const config = {
  grant_type: "authorization_code",
  code,
  client_id: linkedin_client_id,
  client_secret: linkedin_client_secret,
  redirect_uri: linkedin_redirect,
};

const response = await fetch(`https://www.linkedin.com/oauth/v2/accesstoken`, {
  method: "post",
  headers: {
    "content-type": "application/x-www-form-urlencoded",
  },
  body: new urlsearchparams(config),
});

步骤 8.linkedin 将令牌返回给 lambda 函数

步骤 9. lambda 函数将令牌返回到 web 应用程序

步骤 10. web 应用程序接收令牌

oauth/v2/accesstoken 端点的 linkedin 响应通常如下所示:

{
  access_token:"...access_token...",
  expires_in: 5183999,
  scope: "email,openid,profile",
  token_type: "bearer",
  id_token:
    "eyj6axaioijsuzi1niisinr5cci6ikpxvcisimtpzci6imq5mjk2njhhlwjhyjetngm2os05ntk4ltqznzmxndk3mjnmziisimfszyi6iljtmju2in0.eyjpc3mioijodhrwczovl3d3dy5saw5rzwrpbi5jb20vb2f1dggilcjhdwqioii4nmntemnrn2k2dg5tocisimlhdci6mtczmtg4mdm1mcwizxhwijoxnzmxodgzotuwlcjzdwiioijlbtvqvxhdceh4iiwibmftzsi6ikphaw1liedhcmnpysbeawf6iiwiz2l2zw5fbmftzsi6ikphaw1liiwizmftawx5x25hbwuioijhyxjjawegrglheiisinbpy3r1cmuioijodhrwczovl21lzglhlmxpy2rulmnvbs9kbxmvaw1hz2uvdjivqzu2mdnbuuhnywc5tvnuudngqs9wcm9mawxllwrpc3bsyxlwag90by1zahjpbmtfmtawxzewmc9wcm9mawxllwrpc3bsyxlwag90by1zahjpbmtfmtawxzewmc8wlze2nja5mzcwntq2mtg_zt0ymtq3ndgznjq3jny9ymv0ysz0pxpurwfmus1vsvryvl9lt3b5afzgcdrfuhvld0jabgx5vgrjntc3zdbowxcilcjlbwfpbci6imdhcmnpywrpyxpqywltzubnbwfpbc5jb20ilcjlbwfpbf92zxjpzmllzci6inrydwuilcjsb2nhbguioijlbl9vuyj9...",
};

注意 id_token 如何包含在响应中,这是一个 jwt(json web 令牌)。如果你解码它,你会得到类似这样的东西:

import { jwtdecode } from "jwt-decode";

jwtdecode(jwt);

它输出的内容包括:

{
  "email": "email@domain.com",
  "given_name": "name",
  ...
}

对于我的用例,电子邮件字段正是我所需要的。现在您已拥有访问令牌,您还可以使用它向 linkedin rest api 发出请求,如下所示:

const response = await fetch(`https://api.linkedin.com/v2/userinfo`, {
  method: "GET",
  headers: {
    Authorization: access_token,
  },
});

const user = await response.json();

它将为您提供与 jwt 令牌中基本相同的信息,但现在您拥有访问令牌,您可以使用它来访问 linkedin 的任何其他端点。

结论

总体而言,与 linkedin 的 restful api 集成非常简单。需要记住的一件事是,该过程在客户端和服务器之间分开:客户端负责将用户重定向到 linkedin 进行身份验证和授权,而服务器负责与 linkedin 的 api 交互并传递 clientid 和 clientsecret,而服务器不应该这样做在您的客户端应用程序中公开。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
PHP API接口开发与RESTful实践
PHP API接口开发与RESTful实践

本专题聚焦 PHP在API接口开发中的应用,系统讲解 RESTful 架构设计原则、路由处理、请求参数解析、JSON数据返回、身份验证(Token/JWT)、跨域处理以及接口调试与异常处理。通过实战案例(如用户管理系统、商品信息接口服务),帮助开发者掌握 PHP构建高效、可维护的RESTful API服务能力。

161

2025.11.26

json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

419

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

535

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

311

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

77

2025.09.10

登录token无效
登录token无效

登录token无效解决方法:1、检查token的有效期限,如果token已经过期,需要重新获取一个新的token;2、检查token的签名,如果签名不正确,需要重新获取一个新的token;3、检查密钥的正确性,如果密钥不正确,需要重新获取一个新的token;4、使用HTTPS协议传输token,建议使用HTTPS协议进行传输 ;5、使用双因素认证,双因素认证可以提高账户的安全性。

6169

2023.09.14

登录token无效怎么办
登录token无效怎么办

登录token无效的解决办法有检查Token是否过期、检查Token是否正确、检查Token是否被篡改、检查Token是否与用户匹配、清除缓存或Cookie、检查网络连接和服务器状态、重新登录或请求新的Token、联系技术支持或开发人员等。本专题为大家提供token相关的文章、下载、课程内容,供大家免费下载体验。

818

2023.09.14

token怎么获取
token怎么获取

获取token值的方法:1、小程序调用“wx.login()”获取 临时登录凭证code,并回传到开发者服务器;2、开发者服务器以code换取,用户唯一标识openid和会话密钥“session_key”。想了解更详细的内容,可以阅读本专题下面的文章。

1066

2023.12.21

clawdbot ai使用教程 保姆级clawdbot部署安装手册
clawdbot ai使用教程 保姆级clawdbot部署安装手册

Clawdbot是一个“有灵魂”的AI助手,可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等,并且可以接入用户常用的任何聊天APP,所有的操作均可通过WhatsApp、Telegram等平台完成,用户只需通过对话,就能操控设备自动执行各类任务。

13

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
SQL 教程
SQL 教程

共61课时 | 3.6万人学习

10分钟--Midjourney创作自己的漫画
10分钟--Midjourney创作自己的漫画

共1课时 | 0.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号