node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置

  1. 获取默认的人物头像

我们安装gravatar模块,可以获取到人物的默认头像,官方文档如下
https://www.npmjs.com/package/gravatar
安装方式:npm install gravatar
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置

在routes/api/user.js中
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置

  1. 使用postman进行测试

node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
这个时候就可以获取到了默认的头像。

  1. 登陆接口编写
    这里的登录,我们需要第三方jwt模块,实现一个token值的返回,我们这里暂时是不需要token,先把基本的登陆功能先行完成。
    node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
    node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
    mongodb数据库数据:
    node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
    如果数据库,没有该账号则会返回,用户不存在,
    如果数据库,有该账号,但是密码不匹配,也会返回密码错误。

  2. 设置登陆成功后的token
    token是相当于"令牌"的意思,也就是说,我们在后面板块,需要发起ajax请求的时候,都是需要用户带有token才可以允许访问。
    设置token,我们就要继续安装第三方模块 jsonwebtoken,需要npm install jsonwebtoken,文档
    https://www.npmjs.com/package/jsonwebtoken

node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
在congif/keys 文件下,稍作添加
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
这个时候,每次登陆,每个都带有独有的token值。

  1. 解析token并返回用户信息

我们现在已经是获取到了token,我们需要解析这个token,来获取用户对应的信息.
那么就需要安装两个模块
npm install passport-jwt passport

server.js
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
在config下,创建passport.js
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
以上都是固定的写法
在routes/api/user.js
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
先获取登陆的token
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
验证登陆的token
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置