npm 包 passport-linkedin-oauth2 使用教程

前言

在前端开发中,用户授权登陆是很常见的需求。为了快速实现这个需求,npm 社区提供了很多第三方的用户授权登陆包。本文将介绍如何使用 passport-linkedin-oauth2 包来进行 LinkedIn 授权登陆的实现。

安装

使用 npm 命令安装 passport-linkedin-oauth2

--- ------- ------------------------

使用

1.首先,需要先在 LinkedIn Developer 配置应用,并获取到 clientID 和 clientSecret。在配置应用时需要在“Authorized Redirect URLs”中添加回调地址,例如:

--------------------------------------------

2.在 Node.js 中引入 passport、passport-linkedin-oauth2 和 express-session 包,并配置 passport 使用 express-session

----- ------- - -------------------
----- -------- - --------------------
----- ------- - ---------------------------
----- ---------------- - ---------------------------------------------

-------------
  --- -----------------
    -
      --------- -------------------
      ------------- -----------------------
      ------------ -----------------------------------------------
      ------ ----------------- ------------------ -- ----- -------- --- ----
    --
    -------- ------------- ------------- -------- ----- -
      -- ----------------------------------------
      ------ ---------- ---------
    -
  -
--

--------
  ---------
    ------- -----------------
    ------- ------
    ------------------ -----
  --
--
-------------------------------
----------------------------

3.在 express 中添加登陆路由

------------------------- -----------------------------------

--------
  --------------------------
  --------------------------------- -
    ---------------- ---------
  ---
  -------- ----- ---- -
    -- --------------
    ------------------
  -
--

4.使用 passport.authenticate 中间件来保护需要登陆才能访问的路由

------------ -------- ----- ---- -
  -- ------------
  -- ----------------------- -
    ------------------ - - ----------------------
  - ---- -
    -----------------------
  -
---

完整示例代码

----- ------- - -------------------
----- -------- - --------------------
----- ------- - ---------------------------
----- ---------------- - ---------------------------------------------

----- --- - ----------

------------- -------- -------

----- ------------------ - -----------------
----- ---------------------- - ---------------------
----- -------------- - -----------------

-------------
  --- -----------------
    -
      --------- -------------------
      ------------- -----------------------
      ------------ -----------------------------------------------
      ------ ----------------- ------------------
    --
    -------- ------------- ------------- -------- ----- -
      -- ----------------------------------------
      ------ ---------- ---------
    -
  -
--

------------------------------- ------ ----- -
  ---------- ------
---

--------------------------------- ----- ----- -
  ---------- -----
---

--------
  ---------
    ------- ---------------
    ------- ------
    ------------------ -----
  --
--
-------------------------------
----------------------------

------------ -------- ----- ---- -
  -- ----------------------- -
    ------------------ - ----- -------- ---
  - ---- -
    -----------------------
  -
---

--------
  -----------------
  --------------------------------- -
    ------ --------------------
  --
--

--------
  --------------------------
  --------------------------------- -
    ---------------- ---------
  ---
  -------- ----- ---- -
    -- --------------
    ------------------
  -
--

----------------- -------- ----- ---- -
  --------------------
---

------------------ -------- ----- ---- -
  -------------
  ------------------
---

---------------- -- -- ---------------------- -- ---- ------------

结语

本文介绍了如何使用 passport-linkedin-oauth2 包来进行 LinkedIn 授权登陆的实现。授权登陆是前端开发中的一个常见需求,应用到了很多前端技术,如 npm、passport、express 等,同时也需要涉及到一些后端的技术和知识,如回调函数、API 授权等。希望本文对大家有所帮助。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/71504


猜你喜欢

  • npm 包 vigour-observable 使用教程

    简介 vigour-observable 是一个用于创建可观察对象的 JavaScript 库,它基于 ES6 的 Proxy 和 Reflect,并支持 RxJS。

    5 年前
  • npm 包 vigour-doc 使用教程

    前言 随着前端工具的日益丰富,我们需要一个简单易用、方便快捷的文档工具来帮助我们更好地管理项目。在众多的文档工具中,vigour-doc 是一个非常值得推荐的 npm 包,它可以帮助我们快速构建自己的...

    5 年前
  • npm 包 vigour-stamp 使用教程

    简介 vigour-stamp 是一款用于实现 JavaScript 对象转换、深层赋值和变化跟踪等功能的 npm 包。使用该库可以方便地进行数据格式转换和数据管道控制,帮助开发人员更加高效地进行前端...

    5 年前
  • npm 包 string-natural-compare 使用教程

    在前端开发中,我们经常需要对字符串进行排序或者比较。然而,JavaScript 的字符串比较方法默认是按照字典序进行比较的,这种情况下中文字符和数字排序就会出现问题。

    5 年前
  • npm 包 vigour-base 使用教程

    简介 vigour-base 是一个 npm 包,它提供了一些常用的 JavaScript 工具函数和数据类型,特别是用于在 VigourJS 中开发。VigourJS 是一个跨平台的 JavaScr...

    5 年前
  • npm 包 vigour-util 使用教程

    在前端开发中,我们经常需要使用到各种各样的工具函数。然而,每次都手写这些函数无疑会浪费很多时间和精力。这时,如果能够使用一个可以方便、快捷地调用这些函数的 npm 包,就会让我们事半功倍。

    5 年前
  • npm 包 vigour-js 使用教程

    什么是 vigour-js vigour-js 是一个强大的前端开发工具库,主要提供了一系列易用且高效的 API 和组件,可用于更快更便捷地开发 Web 应用程序。

    5 年前
  • npm 包 vigour-fs-promised 使用教程

    作为前端开发者,我们不仅需要掌握各种编程语言和框架,还需要熟练使用各种 npm 包来提高开发效率。本文将详细介绍一个常用的 npm 包 vigour-fs-promised,并提供使用教程和示例代码,...

    5 年前
  • npm 包 vigour-fs 使用教程

    在前端开发中,文件操作是非常普遍的需求。而 vigour-fs 是一个 npm 包,提供了基于 Node.js fs 模块的扩展,让前端开发人员能够更加方便地操作文件。

    5 年前
  • npm 包 vigour-ferry 使用教程:从入门到实践

    随着前端技术的不断发展,现在越来越多的前端工程师开始使用 npm 包来加速开发并提高项目的可维护性。而 vigour-ferry 作为一款优秀的 npm 包,其提供了许多实用的工具和方法,帮助我们更高...

    5 年前
  • NPM 包 aow 使用教程

    前言 NPM 是目前最流行的前端包管理工具,它提供了无数的开源包供前端开发者使用。其中,aow 就是一个非常实用的 NPM 包,它可以为前端开发者提供灵活的 HTML 操作和 DOM 操作 API。

    5 年前
  • npm 包 mapleTree 使用教程

    在前端开发中,使用第三方工具包可以提高开发效率。其中 npm 包是最常见的方式,有许多优秀的 npm 包可供选择。其中,mapleTree 是一款非常优秀的 npm 包,提供了许多实用的功能和组件,使...

    5 年前
  • npm 包 tako 使用教程

    介绍 tako 是一个用于构建基于 React 的 Web 应用程序的 UI 库。它提供了一系列预先设计好的组件,如按钮、标签、表格、表单等,可以快速方便地进行 UI 开发。

    5 年前
  • npm 包 "plae" 使用教程

    前言 随着前端技术的不断发展,前端工程化变得越来越重要。Npm 包管理器是前端工程化中必不可少的一部分,它为开发者提供了许多优秀的工具和插件,使得前端开发更加高效和便捷。

    5 年前
  • npm包csscomb-core使用教程

    简介 csscomb-core 是一款开源的 CSS 代码格式化工具,它可以帮助我们编写出更加规范、易读、易维护的 CSS 代码。csscomb-core 可以通过 npm 安装使用。

    5 年前
  • npm 包 less-plugin-csscomb 使用教程

    简介 less-plugin-csscomb 是一个在使用 Less 预处理器编写 CSS 代码时,使用 csscomb 这个代码格式化工具的插件,可以帮助我们快速、方便地格式化 CSS 代码,使其看...

    5 年前
  • npm 包 path-complete-extname 使用教程

    在前端开发中,我们经常需要处理文件路径,而处理文件路径中经常需要获取文件的扩展名。但是 JavaScript 自带的 API 中并没有提供直接获取文件扩展名的方法,于是我们需要借助第三方库来完成这个操...

    5 年前
  • npm 包 baby-talk 使用教程

    介绍 在前端开发中,我们经常需要生成一些随机的字符串或者序列,这样的操作有时候会非常的繁琐,为了方便我们进行开发,有一款叫做 baby-talk 的 npm 包可以帮助我们生成随机的字符串序列,下面我...

    5 年前
  • npm 包 airs 使用教程

    在前端开发中,我们常常需要对图片进行压缩以减少页面的加载时间。而 airs 是一个方便快捷的 npm 包,它可以帮助我们对图片进行压缩。本文将为您详细介绍 airs 的使用教程。

    5 年前
  • npm 包 gulp-cmd-build 使用教程

    介绍 gulp-cmd-build 是一个基于 gulp 的前端自动化构建工具,它可以将 cmd 模块化代码打包成一个文件,并且可以进行压缩、混淆等操作,以提高 web 应用的性能和可靠性。

    5 年前

相关推荐

    暂无文章