在现代的 Web 应用程序中，用户认证和授权是很重要的一部分。Facebook 登录 API 是一个强大的工具，它可以帮助你实现用户登录和授权。本文将介绍如何使用 Express.js 和 Facebook API 在自己的应用程序中实现 Facebook 登录。
准备工作
在开始之前，我们需要准备一些工作：
- 一个 Facebook 开发者帐号，可以通过 Facebook for Developers 注册。
- 一个 Express.js 应用程序，可以通过 Express.js 官网 下载或通过 npm 安装。
创建 Facebook 应用
首先我们需要创建一个 Facebook 应用程序。在 Facebook for Developers 上登录后，点击右上角的 Create App 按钮创建一个新的应用程序。
选择要创建的应用类型（Web），并输入应用名称和联系人邮箱。在下一步中，Facebook 将要求你验证你的身份。验证后，你将被带到应用程序的设置页面。
现在我们需要在左侧导航菜单中选择“设置”→“基本信息”。在这个页面中，你可以看到你的应用程序的应用 ID 和应用秘钥。
配置 Express.js 应用程序
接下来，我们需要配置 Express.js 应用程序以使用 Facebook API。首先，我们需要安装两个 npm 模块：passport 和 passport-facebook，这两个模块将帮助我们处理 Facebook 登录。
--- ------- ------ -------- -----------------
然后，我们需要在应用程序中设置 Passport 和 Facebook 策略。在 app.js 文件中添加以下代码：
----- -------- - -------------------- ----- ---------------- - -------------------------------------- ---------------- ------------------ --------- ---------------- ------------- -------------------- ------------ ---------------------------------------------- -- --------------------- ------------- -------- ----- - -- -------- - ---
其中 FACEBOOK_APP_ID 和 FACEBOOK_APP_SECRET 是你的应用程序 ID 和秘钥。我们也需要定义一个回调 URL，这是在用户成功登录和授权后 Facebook 将重定向的 URL。在回调函数中，我们可以处理用户登录和授权的逻辑。
现在，我们需要启用 Passport 和设置路由。在 app.js 文件中添加以下代码：
----- ------- - -------------------
----- --- - ----------
----- ------- - ---------------------------
----------------- ------- --------- ----- ------- ------ ------------------ ---- ----
-------------------------------
----------------------------
------------------------- -----------------------------------
----------------------------------
--------------------------------- - ---------------- --- ---
------------- ---- -
-------------------------
---我们启用了会话支持和 Passport 中间件，然后定义了两个路由：/auth/facebook 和 /auth/facebook/callback。
/auth/facebook 路由将重定向用户到 Facebook 登录页面，并开始认证过程。/auth/facebook/callback 路由将处理 Facebook 回调，并在成功后将用户重定向到应用程序的主页。
实现 Facebook 登录
现在我们已经设置了应用程序并配置了 Express.js 应用程序，接下来我们需要实现用户登录和授权的逻辑。
在 Facebook 回调函数中，我们可以通过 profile 参数访问用户的基本信息。例如，要访问用户的姓名和电子邮件地址，你可以使用以下代码：
---------------- ------------------ --- -- --------------------- ------------- -------- ----- - --------------------------------- ------------------------------------- -- -------- - ---
一旦得到了用户信息，我们可以使用它来创建用户会话对象，并将其保存到 Passport 中。这将允许我们在以后的路由处理程序中访问用户信息：
------------------------------------- ----- -
---------- ------
---
--------------------------------------- ----- -
---------- ------
---
---------------- ------------------
---
--
--------------------- ------------- -------- ----- -
------------------------- -- -
--- ---- - -
--- -----------
----- --------------------
------ -----------------------
--
---------- ------
---
-
---现在，我们可以在应用程序中的任何地方使用 req.user 访问当前已认证的用户对象。
建立用户界面
最后，我们需要为应用程序建立一个用户界面来显示用户信息。我们可以在应用程序的主页中添加代码来检查用户是否已登录，并在用户登录后显示用户信息：
--------- -----
------
------
-- -- ---------- - --
----------- --- ------------- -------
--------- --- -------------- ------
-- - ---- - --
-- --------------------------- ---- ------------
-- - --
-------
-------如果用户已经登录，我们将显示他们的名字和电子邮件地址。否则，我们将显示一个链接，让用户登录到 Facebook 并授权我们的应用程序。
结论
在本文中，我们介绍了如何使用 Express.js 和 Facebook API 在自己的应用程序中实现 Facebook 登录功能。我们已经看到如何设置 Passport 和 Facebook 策略，并了解了如何处理用户登录和授权的逻辑。
这只是打开 Facebook API 大门的一小步。Facebook API 有很多其他功能，如获取用户好友信息，发布到用户的时间线等。希望这篇文章帮助你开始使用 Facebook API 开发你的下一个 Web 应用程序！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/670c897fcf33e97f8258e143