简介
社交账号登录已经成为现代网站中的常见功能，它可以让用户在不用新建账号的情况下登录网站，避免了用户需要记住许多账户的烦恼。而 Passport.js 则是一个非常优秀的 Node.js 中间件，它可以协助我们在 Express.js 项目中实现社交账号登录功能。本文将介绍如何使用 Passport.js 进行社交账号登录，并提供相关的示例代码。
步骤
1. 安装 Passport.js 和相关的策略
首先，需要在项目中安装 Passport.js 及相关的策略。例如，如果想要支持 Facebook 账号登录，那么需要安装 passport-facebook，指令如下：
--- ------- -------- ----------------- ------
2. 初始化 Passport.js
在 Express.js 项目中，需要进行 Passport.js 的初始化。在最外层的 app.js 或 server.js 文件中添加如下代码：
----- -------- - --------------------
----- ------- - --------------------------- -- --
----- ---------------- - -------------------------------------- -- -----
-- -- ------- ------ ------------------------------------
-----------------
------- -------------
------- -----
------------------ -----
------- - ------- ----- --
----
-------------------------------
---------------------------- -- ------- ----------- ------- -------
------------------------------- ------ ----- -
---------- ------
---
--------------------------------- ------ ----- -
---------- ------
---
---------------- ------------------
--------- --------------------------
------------- ------------------------------
------------ -----------------------------------------------
-------------- ------ -------------- --------- ---------
-- -------- ------------- ------------- -------- ----- -
-- ------ ------- ------------------------ ---- ---
---------- ---------
----这段代码中，我们使用了 passport-facebook 函数，提供了配置为 Facebook 的一个策略。在这里，我们需要填入对应的 clientID 和 clientSecret，它们是 Facebook 为我们提供的授权信息。另外，我们还需要指定授权成功后的回调地址，并写入对应的处理逻辑。在回调函数中，可以根据授权后的 profile 数据完成用户数据的存储和查找，并使用 done 函数将用户信息传递给 Passport.js。
3. 路由配置
为了完成社交账号登录的过程，我们需要在应用中添加我们需要的路由。在 app.js 或 server.js 文件中添加如下代码：
-- -- -------- --------
------------------------- --------------------------------- - ------ --------- ----
-- --------
----------------------------------
--------------------------------- - ---------------- ------------- ---
-------- ----- ---- -
-- --------
------------------------------
---这里我们定义了两个新的路由：
/auth/facebook: 用于发起跳转到 Facebook 的授权页，参数中的scope包含了我们需要获得的权限。/auth/facebook/callback: 当用户授权成功后，Facebook 服务端将会重定向到这个地址，我们需要使用 Passport.js 中间件来完成授权逻辑。如果授权失败，则会将用户重定向到/auth-error；如果授权成功，则会将用户重定向到/success-page。
4. 用户认证
在需要进行身份验证的路由中，可以使用 Passport.js 提供的 req.isAuthenticated() 方法，对用户身份进行验证。例如：
------------------------ --------------- -------- ----- ---- -
-- -----------------------
-------------------------- - ----- -------- ---
---
-------- ------------------- ---- ----- -
-- ----------------------- -
------ -------
-
-----------------------
-这里我们将 authMiddleware 中间件注入到 /user-profile 路由中。只有在用户已经通过授权登录后，才能查看此页面。
总结
通过本文的介绍，我们可以知道如何使用 Passport.js 和策略（例如 passport-facebook）在 Express.js 项目中实现社交账号登录。同时，我们还介绍了如何在路由中使用 Passport.js 来进行用户身份验证。希望本文对您在开发项目时进行用户认证有所帮助。
示例代码
本文的示例代码已上传 GitHub，有兴趣的读者可以前往查看：https://github.com/example/passport-facebook-demo。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64ddb1c2f6b2d6eab38eb20f