准备工作

我们先做一些准备工作
1、导入 萤火商城 里面的数据库脚本，会得到一个包含所有需要的表，和初始化数据的数据库
2、下载前端项目 萤火商城V2.0-store端
安装依赖

yarn install 

启动前端项目

yarn run serve

修改 public/config.js 文件里的 BASE_API 为 http://localhost:1880 (你本地node-red的地址)

登录

浏览器打开前端页面地址，输入用户名密码点击登录，会提示404错误：

Cannot POST /passport/login  ……

回到node-red界面，在双击tab栏增加一个流程： 后台登录
增加两个节点

image.png

再登录发现接口不报错了，搞定……一半了
前端没拿到期望的返回结果……

看了下演示站的返回结果，需要登录的userId和对应的token

image.png

根据用户名查询

image.png

image.png

用户信息处理，演示数据只有一个店铺，这里的store_id先写死

image.png

jwt签名

先安装 node-red-contrib-jwt 节点
对接收到的msg.token属性进行签名，并保存到msg.payload属性

image.png

最后通过function节点调整返回前端的数据结构

msg.payload = {
  token: msg.payload
}
return msg;

重新登陆下，登录部分ok了

jwt校验

登录后跳转到首页，需要 获取店铺信息： GET /store.user/info
因为后台的每个请求都会在header中携带 Access-Token，也就是上一步jwt生成的签名信息
所以这里把token解析作为子流程抽取出来

image.png

增加一个function节点，获取对应token

image.png

通过jwt verify节点解析 token

image.png

根据token解析出来的登录用户和店铺，判断是否有权限访问当前接口
另外把当前店铺的 store_id 放到 msg 中，方便下游节点直接访问

image.png

获取店铺信息的完整流程

image.png

完整流程

后台登录认证相关的完整流程

image.png