Introduction
Passport est un middleware Node.js qui fournit une variété d'authentifications de requêtes différentes et faciles à mettre en œuvre. . Par défaut, il stocke l'objet utilisateur dans la session. (Apprentissage recommandé : développement laravel)
JSON Web Token est une norme d'authentification qui fonctionne en attribuant et en transmettant des jetons cryptés dans les requêtes qui aident à identifier les utilisateurs connectés, au lieu de stocker les utilisateur dans une session sur le serveur et créant un cookie pour fonctionner. Il a différentes intégrations, notamment des modules Node.js.
Installer les dépendances.
npm install --save koa-passport passport-jwt jsonwebtoken
Flow
Lorsque l'utilisateur se connecte, le backend crée un jeton signé et le renvoie en réponse
Le client est dans Enregistrez le jeton localement (généralement dans localStorage) et renvoyez-le à chaque demande ultérieure nécessitant une authentification
Toutes les demandes nécessitant une authentification vérifient le jeton fourni via le middleware et uniquement La demande n'est autorisée que lorsque le jeton est vérifié
Jeton lors de la connexion
/** * @route POST api/users/login * @desc 用户登录接口 * @access 都可访问 */ router.post('/login', async ctx => { //...获取数据 验证数据省略 const payload = { name: user.name, email, avatar: user.avatar }; //生成token const token = jwt.sign(payload, config.secretKey, { expiresIn: 3600 //存活时间 }); ctx.status = 200; ctx.body = { message: '验证成功', token: 'Bearer ' + token } })
Remarque : il doit y avoir un espace au milieu de 'Bearer', et le cas est également distingué...
Jeton d'analyse de connexion
/** * @route GET api/users/current * @desc 获取用户信息 * @access 私密接口 */ //poassport.authenticate 则加入了认证权限,会调用 passport.js中 router.get('/current',passport.authenticate('jwt', { session: false }),async ctx=>{ //获取 passport.js 中的返回值,去除密码并将结果返回到客户端 const {password,...userInfo}=ctx.state.user._doc; ctx.body=userInfo; }) //app.js const passport = require('koa-passport'); app.use(passport.initialize()) app.use(passport.session()) //调用 passport.js 并将passport传入 require('./config/passport')(passport);
config/passport.js
const config=require('./default'); const JwtStrategy = require('passport-jwt').Strategy, ExtractJwt = require('passport-jwt').ExtractJwt; const opts = {} opts.jwtFromRequest = ExtractJwt.fromAuthHeaderAsBearerToken(); opts.secretOrKey = config.secretKey; // const User=require('../models/User'); const mongoose=require('mongoose'); const User=mongoose.model('users'); module.exports=passport=>{ passport.use(new JwtStrategy(opts,async (jwt_payload,done)=>{ //jwt_payload 返回的是登录时返回的数据 即payload const user=await User.findOne(jwt_payload.id); if(user){ done(null,user); }else{ done(null,false); } })) }
ps Ceci est le code complet du modèle de connexion utilisateur
🎜>app.js
const Koa=require('koa'); const KoaRouter=require('koa-router'); const bodyParser=require('koa-bodyparser'); const mongoose=require('mongoose'); //const config=require('./config/default') const passport = require('koa-passport'); //配置文件 这里就不单独抽离 const config={ mogoUrl:'mongodb://localhost/koaTest', secretKey:'sercretKey', } const router=new KoaRouter(); const app=new Koa(); app.use(bodyParser()); //初始化 passport app.use(passport.initialize()) app.use(passport.session()) //连接数据库 mongoose.connect(config.mogoUrl,{ useNewUrlParser:true }).then(res=>{ console.log('mongoose connectd...'); }) .catch(error=>{ console.log(error) }) //引入 user.js const user=require('./routes/api/user'); require('./config/passport')(passport); //配置路由地址 router.use('/api/users',user); //配置路由 app.use(router.routes()).use(router.allowedMethods()); const port=process.env.PORT||5000; //监听端口 app.listen(port,()=>{ console.log(`listing at ${port}`) })
var Router = require('koa-router'); var router = new Router(); const User = require('../../models/User') const bcrypt = require('bcryptjs'); const tools = require('../../config/tools') const jwt = require('jsonwebtoken'); //token 认证 const config = require('../../config/default'); const passport=require('koa-passport'); /** * @route POST api/users/login * @desc 用户登录接口 * @access 都可访问 */ router.post('/login', async ctx => { const { email, password } = ctx.request.body; const findResult = await User.find({ email }); const user = findResult[0]; if (findResult.length === 0) { //表示不存在该用户 ctx.status = 404; ctx.body = { message: '该用户不存在' }; return; } //验证密码是否正确 const verify = bcrypt.compareSync(password, user.password); if (verify) { //密码正确 const payload = { name: user.name, email, avatar: user.avatar }; //生成token const token = jwt.sign(payload, config.secretKey, { expiresIn: 3600 }); ctx.status = 200; ctx.body = { message: '验证成功', token: 'Bearer ' + token } } else { ctx.status = 500; ctx.body = { message: '密码错误' }; } }) /** * @route GET api/users/current * @desc 获取用户信息 * @access 私密接口 */ router.get('/current',passport.authenticate('jwt', { session: false }),async ctx=>{ const {password,...userInfo}=ctx.state.user._doc; ctx.body=userInfo; }) module.exports = router.routes();
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!