前言
在 Web 开发中，前端工作的一部分是与第三方服务集成，比如登录认证、邮件发送等等。Slack 是一款流行的团队协作工具，很多团队也会选择使用 Slack 作为内部沟通工具。本文将介绍如何使用 npm 包 passport-slack-fixed 将 Slack 登录集成到自己的 Web 应用中。
了解 passport-slack-fixed
passport-slack-fixed 是 Passport 插件之一，是基于 passport-slack 开发的一个功能类似且更加稳定的版本。它使用 Slack OAuth2 协议进行登录认证，需要具备以下条件：
- Slack 已经在你的组织中创建了一个应用；
- 你拥有对该应用的客户端 ID 和密钥的访问权限；
- 你已经将应用配置为支持 Web 接入点，并且已配置了 OAuth2 配置。
passport-slack-fixed 的文档说明较为简单，适合有一定 Passport 使用经验的开发人员。
安装依赖
使用 npm 命令行工具进行安装：
npm install passport passport-slack-fixed express-session --save
其中，passport 和 passport-slack-fixed 是必需的依赖项，而 express-session 是可选的，但推荐使用。
配置文件
为了方便管理，将 passport-slack-fixed 相关配置放在 config.js 文件中：
module.exports = {
slack: {
clientID: 'YOUR_CLIENT_ID',
clientSecret: 'YOUR_CLIENT_SECRET',
callbackURL: 'http://localhost:3000/auth/slack/callback'
}
};请使用你的实际客户端 ID、密钥和回调 URL。
添加路由和中间件
在 Express 应用中添加路由和中间件：
-- -------------------- ---- -------
----- -------- - --------------------
----- ------------- - -----------------------------------------
----- ------- - ---------------------------
----- ------ - --------------------
----- ------- - -------------------
----- --- - ----------
-----------------
------- -------------
------- ------
------------------ -----
----
-------------------------------
----------------------------
---------------- ---------------
--------- ----------------------
------------- --------------------------
------------ -------------------------
--
--------------------- ------------- -------- ----- -
------------------- -------- ---------- -- -------- ----- ----- -
------ --------- ------
---
-
---
------------------------------------- ----- -
---------- ---------
---
------------------------------------- ----- -
----------------- ------------- ----- -
--------- ------
---
---
---------------------- --------------------------------
-------------------------------
------------------------------ - ---------------- -------- ---
------------- ---- -
------------------
-
--
-----------------其中的 User.findOrCreate 函数需要根据实际的用户数据存储方法进行实现。当用户在 Passport 中进行身份验证时， passport.deserializeUser 函数根据存储在 session 中的身份验证持久化数据查找或加载用户。当用户登录时， passport.serializeUser 函数将用户 ID 序列化并存储在 session 中。
页面集成
在 Web 页面中添加一个链接，指向 /auth/slack，用户单击这个链接将重定向到 Slack 登录页面：
<a href="/auth/slack">使用 Slack 登录</a>
总结
本文介绍了如何使用 npm 包 passport-slack-fixed 为 Web 应用添加 Slack 登录认证。我们学习了如何安装和配置必要的依赖项和文件、如何添加路由和中间件、如何在页面集成身份验证。这些基础知识为我们使用 Passport 和其他第三方服务提供商集成 Web 应用提供了参考。
示例代码如下：
-- -------------------- ---- -------
----- -------- - --------------------
----- ------------- - -----------------------------------------
----- ------- - ---------------------------
----- ------ - --------------------
----- ------- - -------------------
----- --- - ----------
-----------------
------- -------------
------- ------
------------------ -----
----
-------------------------------
----------------------------
---------------- ---------------
--------- ----------------------
------------- --------------------------
------------ -------------------------
--
--------------------- ------------- -------- ----- -
------------------- -------- ---------- -- -------- ----- ----- -
------ --------- ------
---
-
---
------------------------------------- ----- -
---------- ---------
---
------------------------------------- ----- -
----------------- ------------- ----- -
--------- ------
---
---
---------------------- --------------------------------
-------------------------------
------------------------------ - ---------------- -------- ---
------------- ---- -
------------------
-
--
-----------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/passport-slack-fixed