什么是 Passport-wunderlist？
Passport-wunderlist 是由 Wunderlist 团队提供的一个 npm 包，它利用 Passport JS 软件包来简化用户身份验证过程。如果您正在开发一个应用程序，并希望使用 Wunderlist 用户登录来让用户访问您的应用程序，那么 Passport-wunderlist 包是您不可或缺的工具。本篇文章将向您讲解如何使用 Passport-wunderlist 包进行用户身份验证。
使用之前
在使用 Passport-wunderlist 之前，请确保您已经在 www.wunderlist.com 上注册了开发人员帐户，并获得了 API 密钥。此外，还需要 Node.js 和 npm（包管理器）。我们假设你已经熟悉了 Node.js 和 npm，并已经创建了你的本地开发环境。
安装 Passport-wunderlist 包
在命令行中，使用以下命令安装 Passport-wunderlist 包：
npm install passport-wunderlist
这会安装 Passport-wunderlist 包及其所有依赖项。
配置 Passport-wunderlist
在更改任何代码之前，我们需要在应用程序中设置一些值。要做到这一点，请从您的 Wunderlist 开发者帐户中获取以下信息：
- CLIENT_ID
- CLIENT_SECRET
- CALLBACK_URL
将这些值添加到你的 Node.js 应用程序的配置文件中，或使用 dotenv 库添加它们到您的 .env 文件：
WUNDERLIST_CLIENT_ID=your-client-id WUNDERLIST_CLIENT_SECRET=your-client-secret WUNDERLIST_CALLBACK_URL=http://localhost:3000/auth/wunderlist/callback
请注意，此处的 CALLBACK_URL 可以根据您的服务器端工作站点进行修改，以获取正确的重定向。
添加 Passport-wunderlist 登录路由
首先，我们需要定义 Wunderlist 的登录路由，从而为用户提供登录选项：
app.get('/auth/wunderlist', passport.authenticate('wunderlist', {
scope: ['tasks', 'email'],
state: 'SOME STATE'
}));这会将用户重定向到 Wunderlist 的 OAuth2 认证页面，用户将在认证后返回到我们的回调路由。
添加 Passport-wunderlist 回调路由
我们需要处理 Passport-wunderlist 的回调，验证用户的身份，然后将其重定向到自己的应用程序界面。以下是回调路由的示例代码：
app.get('/auth/wunderlist/callback', passport.authenticate('wunderlist', {
failureRedirect: '/login'
}),
function(req, res) {
// Successful authentication, redirect home.
res.redirect('/');
});在这里，我们指定了回调路由，如果身份验证失败，则将用户重定向回登录页面。如果身份验证成功，则将用户重定向到应用程序主页。
初始化 Passport-wunderlist 策略
现在我们需要引入 Passport-wunderlist 策略。在主文件中，我们需要添加以下代码：
-- -------------------- ---- -------
--- ------------------ - ----------------------------------------
---------------- --------------------
--------- ---------------------------------
------------- -------------------------------------
------------ -----------------------------------
--
--------------------- ------------- -------- ----- -
------------------- ------------- ---------- -- -------- ----- ----- -
------ --------- ------
---
-
---注意，我们在这里根据环境变量初始化了 Passport-wunderlist 策略。在这个示例中，我们使用 User.findOrCreate 函数查找或创建与 Wunderlist 用户 id 相对应的用户。在实际应用中，您需要使用自己的用户管理逻辑类型。
在应用程序中添加 Passport-wunderlist 登录
我们将在 Node.js 应用程序中添加一个路由，以为用户提供 Wunderlist 登录选项：
-- -------------------- ---- -------
----------------- ------------- -----
------------------- - ----- -------- ---
---
---------------------------
------------------------------------
------------- -----
-- --- ------- ---- -- ---------- -- ---------- --- --------------- -- ----
-- -------- ---- --- -- -------
---
------------------------------------
----------------------------------- - ---------------- -------- ---
------------- ---- -
------------------
---在这里，使用 passport.authenticate('wunderlist') 将重定向用户到 Wunderlist OAuth2 认证页面。如果用户通过认证，则将重定向到回调地址，如果未通过认证，则将重定向回 /login 路由。
结论
此时，您已经学会了如何使用 Passport-wunderlist 包来简化用户身份验证过程，让用户使用他们的 Wunderlist 帐户登录您的应用程序。使用 Passport-wunderlist 可以帮助您加快您应用的开发进程，并提高用户体验。希望这篇文章对您有所帮助！
如果您需要参考练习代码，可以前往我们的 GitHub 仓库，查看完整的 Passport-wunderlist 示例项目：https://github.com/wunderlist/passport-wunderlist/tree/master/examples/login
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553ed81e8991b448d1408