OAuth 2.0 是一个用于授权的标准协议，可以使用户安全地授权第三方应用访问他们的数据，而不必将用户名和密码直接传递给第三方应用。在前端开发中，我们经常需要使用 OAuth 2.0 协议来实现用户认证功能。而如果你正在使用 Node.js 的 Express 框架来开发 Web 应用，那么使用 Passport.js 就是一个非常好的选择。
本文将介绍如何在 Express.js 中使用 Passport.js 进行 OAuth 2.0 认证，以及如何针对不同的 OAuth 2.0 服务提供商进行配置。同时，本文还将提供示例代码和深入的讲解，方便读者理解和学习。
安装 Passport.js
首先，我们需要通过 npm 安装 Passport.js：
npm install passport passport-oauth2
配置 Passport.js
在 Passport.js 中，我们需要通过配置策略来完成 OAuth 2.0 认证。不同的 OAuth 2.0 服务提供商需要不同的策略配置。
下面是一个示例的配置文件，展示了如何使用 Passport.js 完成 GitHub OAuth 2.0 认证：
// javascriptcn.com 代码示例
const passport = require('passport');
const GitHubStrategy = require('passport-github2').Strategy;
passport.use(new GitHubStrategy({
clientID: GITHUB_CLIENT_ID,
clientSecret: GITHUB_CLIENT_SECRET,
callbackURL: "http://localhost:3000/auth/github/callback"
},
function(accessToken, refreshToken, profile, done) {
User.findOrCreate({ githubId: profile.id }, function (err, user) {
return done(err, user);
});
}
));在这个配置文件中，我们首先通过 passport-github2 模块引入 GitHub OAuth 2.0 策略，并通过 passport.use() 方法进行配置。在策略的配置中，我们需要提供 clientID 和 clientSecret 两个参数，分别是在 GitHub 配置 OAuth 应用时生成的应用 ID 和密钥。同时，我们还需要提供一个回调 URL，当 GitHub 认证成功后会重定向到该 URL。这个 URL 应该是你的应用的一个路由，比如 /auth/github/callback。
接下来，我们需要在应用中使用 Passport.js。我们可以将其放在 Express.js 的 app.js 文件中，代码如下：
// javascriptcn.com 代码示例
const express = require('express');
const session = require('express-session');
const passport = require('passport');
const GitHubStrategy = require('passport-github2').Strategy;
const app = express();
app.use(session({
secret: 'your_secret_key',
resave: false,
saveUninitialized: false
}));
app.use(passport.initialize());
app.use(passport.session());
passport.serializeUser((user, done) => {
done(null, user);
});
passport.deserializeUser((user, done) => {
done(null, user);
});
app.get('/auth/github',
passport.authenticate('github', { scope: ['user:email'] }));
app.get('/auth/github/callback',
passport.authenticate('github', { failureRedirect: '/login' }),
(req, res) => {
res.redirect('/');
});
app.listen(3000, () => {
console.log('Server started on port 3000');
});在这个示例代码中，我们首先引入了 express-session 模块，用来创建一个 session。同时，我们还引入了 Passport.js 并进行了初始化和配置。在 Passport.js 中，我们需要使用 passport.serializeUser() 和 passport.deserializeUser() 方法将用户信息序列化和反序列化，以便在 session 中存储和获取用户信息。
接下来，我们定义了两个路由：/auth/github 和 /auth/github/callback。其中，/auth/github 路由会重定向到 GitHub OAuth 2.0 认证页面，/auth/github/callback 路由是 GitHub 认证成功后的回调，用来处理认证成功后的逻辑。在这个示例代码中，我们简单地将认证成功后重定向到应用的根路径 /。
最后，我们通过调用 app.listen() 方法来启动应用。在这个示例中，我们监听了 3000 端口，并在控制台输出了一个日志。
总结
本文详细介绍了如何在 Express.js 中使用 Passport.js 进行 OAuth 2.0 认证，并提供了针对 GitHub 的示例代码。当然，在实际开发中，我们可能需要使用其他 OAuth 2.0 服务提供商，这时我们需要根据其 API 文档进行策略的配置。
总的来说，使用 Passport.js 进行 OAuth 2.0 认证可以大大简化我们开发的难度，让我们专注于业务逻辑的实现。同时，Passport.js 还支持其他类型的认证，如本地认证、OpenId 认证等。如果你还没有使用过 Passport.js，那么强烈建议你在下一个项目中尝试一下。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652bc2ef7d4982a6ebda0683