- token1.1 token的使用场景
- 无状态请求
保持用户的登录状态
3.
第三方登录(token+auth2.0)
1.2 token使用流程
1.
先安装openssl( https://blog.csdn.net/sunhuansheng/article/details/82218678 )
*
先安装perl
*
重启电脑
*
进行 C:\Perl64\eg
*
以管理员身份运行 perl --help
*
报错( perl没有配置环境变量 )
*
安装openssl
*
软件安装无要求,一路next
*
重启电脑
*
然后在命令终端输入openssl,发现报错openssl命令未找到
*
配置全局的环境变量
*
在命令终端继续输入openssl,然后报警告:WARNING: can’t open config file: /usr/local/ssl/openssl.cnf
*
在你得opensll安装路径下找到openssl.cfg,我的路径是 C:\OpenSSL-Win64\bin\openssl.cfg,设置环境变量 $ set OPENSSL_CONF=C:\OpenSSL-Win64\bin\openssl.cfg
*
继续输入openssl $ openssl $ OpenSSL>
*
注意: 以上两个软件下载是需要翻墙的
2.
先使用express创建项目
3.
打造了一个login的post接口
4.
使用openssl生成一个私钥
*
要进入某一个项目文件夹中生成 $ openssl genrsa -out ./private_key.pem 1024
5.
使用openssl生成公钥 $ openssl rsa -in ./private_key.pem -pubout -out ./public_key.pem
6.
安装jsonwebtoken $ cnpm i jsonwebtoken -D
7.
通过私钥生成token
let private_key=fs.readFileSync(path.join(__dirname,’./private_key.pem’))
var token = jwt.sign(palyload, private_key,{ algorithm: ‘RS256’});
8.
前端发送ajax时要发送一个token
submit.onclick = function () {
$.ajax({
url: ‘http://localhost:3000/login’,
data: {
username: username.value,
password: password.value,
token: localStorage.getItem(‘token’) //用封装的获取cookie的方法来取
},
method: ‘POST’,
success ( res ) {
console.log( res )
const result = JSON.parse( res )
localStorage.setItem(‘token’,result.auth)
}
})
}
1.
后端接收前端发来的token,做登录判断
2.
前端存储token
1.
或者也可以用后端存储token
// 我们使用express-session来存储
// 1. 在app.js中设置express-session
app.use(session({
secret: ‘keyboard cat’,
resave: false,
saveUninitialized: true,
cookie: { secure: true }
}))
// 2. 在你的接口中 做 req.session的值设置
const { username,password,token } = req.body
if( !token ){
//当前条件成立,证明用户是第一次登录( 一个cookie周期 )
req.session.token = jwt_token //jwt_token是我们通过使用jsonwebtoken + openssl定义的私钥 来生成的
}else{
//当前条件不成立,证明用户已经不是第一次登录( 一个cookie周期 )
//如果cookie时间周期到了,那么我们将token清除掉
var timeTap = Date.now() //当前时间戳
var fuTimeTap = (new Data( req.session.cookie._expires )).getTime()
if( fuTimeTap - timeTap === req.session.cookie.originalMaxAge ){
req.session.token = ‘’
}
}