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

11 篇文章 0 订阅
5 篇文章 0 订阅
  1. 获取默认的人物头像

我们安装gravatar模块,可以获取到人物的默认头像,官方文档如下
https://www.npmjs.com/package/gravatar
安装方式:npm install gravatar
在这里插入图片描述

在routes/api/user.js中
在这里插入图片描述

  1. 使用postman进行测试

在这里插入图片描述
在这里插入图片描述
这个时候就可以获取到了默认的头像。

  1. 登陆接口编写
    这里的登录,我们需要第三方jwt模块,实现一个token值的返回,我们这里暂时是不需要token,先把基本的登陆功能先行完成。
    在这里插入图片描述
    在这里插入图片描述
    mongodb数据库数据:
    在这里插入图片描述
    如果数据库,没有该账号则会返回,用户不存在,
    如果数据库,有该账号,但是密码不匹配,也会返回密码错误。

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

在这里插入图片描述
在congif/keys 文件下,稍作添加
在这里插入图片描述
在这里插入图片描述
这个时候,每次登陆,每个都带有独有的token值。

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

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

server.js
在这里插入图片描述
在config下,创建passport.js
在这里插入图片描述
以上都是固定的写法
在routes/api/user.js
在这里插入图片描述
先获取登陆的token
在这里插入图片描述
验证登陆的token
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值