OAuth2 是一种授权协议，被广泛用于第三方应用程序访问用户资源的授权。在前端开发中，OAuth2 可以用于用户登录和授权，以及获取用户数据。在本文中，我们将学习如何在 Express.js 中使用 OAuth2 认证。
OAuth2 的工作原理
OAuth2 的工作原理可以分为四个步骤：
- 用户向第三方应用程序授权。
- 第三方应用程序向授权服务器请求令牌。
- 授权服务器向第三方应用程序颁发令牌。
- 第三方应用程序使用令牌访问受保护的资源。
在 OAuth2 中，有四种授权方式：
- 授权码模式（Authorization Code Grant）
- 简化模式（Implicit Grant）
- 密码模式（Resource Owner Password Credentials Grant）
- 客户端模式（Client Credentials Grant）
在本文中，我们将使用授权码模式实现 OAuth2 认证。
实现 OAuth2 认证
在 Express.js 中实现 OAuth2 认证，需要使用一个名为 passport-oauth2 的 Passport.js 策略。Passport.js 是一个 Node.js 的身份验证中间件，可以帮助我们轻松地实现各种身份验证策略。
安装依赖
首先，我们需要安装以下依赖：
npm install express passport passport-oauth2 express-session
配置 Passport.js
在 Express.js 中使用 Passport.js 时，我们需要在应用程序中配置 Passport.js。在 app.js 文件中添加以下代码：
// javascriptcn.com 代码示例
const express = require('express');
const session = require('express-session');
const passport = require('passport');
const OAuth2Strategy = require('passport-oauth2').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);
});
passport.use(new OAuth2Strategy({
authorizationURL: 'https://example.com/oauth2/authorize',
tokenURL: 'https://example.com/oauth2/token',
clientID: 'your-client-id',
clientSecret: 'your-client-secret',
callbackURL: 'http://localhost:3000/auth/callback',
},
(accessToken, refreshToken, profile, done) => {
// Handle user authentication
}
));在上面的代码中，我们使用 express-session 中间件来管理会话，并在应用程序中配置了 Passport.js。我们还定义了一个 OAuth2 策略，其中包含了授权服务器的授权 URL、令牌 URL、客户端 ID 和客户端密钥等信息。我们还定义了一个回调函数，用于处理用户身份验证。
实现用户认证
在 Express.js 中实现用户认证，我们需要定义一个路由来处理用户登录请求。在 app.js 文件中添加以下代码：
app.get('/auth/login', passport.authenticate('oauth2'));
app.get('/auth/callback',
passport.authenticate('oauth2', {
successRedirect: '/',
failureRedirect: '/auth/login',
})
);在上面的代码中，我们定义了两个路由。第一个路由 /auth/login 用于重定向用户到授权服务器的授权页面，以便用户授权。第二个路由 /auth/callback 用于处理授权服务器返回的令牌，并将用户重定向到主页。
保护资源
在 Express.js 中实现 OAuth2 认证后，我们可以使用 Passport.js 中间件来保护需要认证的资源。在 app.js 文件中添加以下代码：
app.get('/profile',
passport.authenticate('oauth2', { failureRedirect: '/auth/login' }),
(req, res) => {
res.send(`Welcome ${req.user.name}`);
}
);在上面的代码中，我们使用 passport.authenticate 中间件来保护 /profile 路由，只有在用户成功登录后才能访问该路由。
示例代码
完整的示例代码如下：
// javascriptcn.com 代码示例
const express = require('express');
const session = require('express-session');
const passport = require('passport');
const OAuth2Strategy = require('passport-oauth2').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);
});
passport.use(new OAuth2Strategy({
authorizationURL: 'https://example.com/oauth2/authorize',
tokenURL: 'https://example.com/oauth2/token',
clientID: 'your-client-id',
clientSecret: 'your-client-secret',
callbackURL: 'http://localhost:3000/auth/callback',
},
(accessToken, refreshToken, profile, done) => {
// Handle user authentication
}
));
app.get('/auth/login', passport.authenticate('oauth2'));
app.get('/auth/callback',
passport.authenticate('oauth2', {
successRedirect: '/',
failureRedirect: '/auth/login',
})
);
app.get('/profile',
passport.authenticate('oauth2', { failureRedirect: '/auth/login' }),
(req, res) => {
res.send(`Welcome ${req.user.name}`);
}
);
app.listen(3000, () => {
console.log('Server started on port 3000');
});总结
在本文中，我们学习了如何在 Express.js 中使用 OAuth2 认证。我们了解了 OAuth2 的工作原理、授权方式，以及如何使用 Passport.js 中间件实现 OAuth2 认证。通过本文的学习，我们可以轻松地在 Express.js 应用程序中实现 OAuth2 认证，以保护用户的数据和资源。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6561b44cd2f5e1655dbc0093