token

1. token

1.1 token的使用场景

1. 无状态请求
2. 保持用户的登录状态
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)
}
})
}

9. 后端接收前端发来的token，做登录判断
10. 前端存储token
11. 或者也可以用后端存储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 = ''
}
}

cookie && sesstion

socket

图片上传

测试