Vue express鑒權零基礎入門

更新時間：2023年02月15日 08:31:07 作者：星海拾遺

這篇文章主要介紹了詳解express鑒權，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

token圖示一點通

看這個示意圖就知道校驗過程是很簡單的，實際操作起來更加簡單。

express鑒權

下載加密/解密包

在express中鑒權需要用到一個玩意兒，為了避免出錯，這里指定一下版本

// jsonwebtoken 加密用的 express-jwt是解密用的
npm i jsonwebtoken@8.5.1

加密基本使用（生成token）

第一步毫無疑問的是引入

const jwt = require("jsonwebtoken");

使用jsonwebtoken生成token就只有一行代碼

jwt.sign('需要加密的信息', '自定義的加密密鑰', '額外的配置信息，一般是Token過期時間'),

舉個??

jwt.sign({<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E--> username: "wxs" }, '巴啦啦小魔仙隨地大小變', {<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E--> expiresIn: "10s" }),

這里就生成了一個用巴啦啦小魔仙隨地大小變密鑰加密{ username: “wxs” }且有效時間為10s的Token

傳遞Token

express定義一個接口

	app.post("/login", (req, res) => {
	  res.send({
	    code: 0,
	    message: "登錄成功",
	    token: jwt.sign({ username: "wxs" }, secretKey, { expiresIn: "10s" }),
	  });
	});
	app.listen(3001, () => {
	  console.log("your localServer is running on http://localhost:3001");
	});

查看token

使用postman

驗證token

再定義另一個接口

	app.get("/getUserInfo", (req, res) => {
	  try {
	    jwt.verify(req.query.token, secretKey);
	    res.send("一個get請求想獲取用戶信息");
	  } catch (err) {
	    res.send("過期了，請重新登錄");
	  }
	});

postMan編輯如下