json web token jwt ajax 请求是无状态的 RSA 非对称加密 公钥 私钥 token: WEWE.WF.REG.45.Y.4.6.7.U.T.JTYJ.TYJTYJTYJTYJYTJTYJYT.J.TJ.TYJ.TY.JTY { id: 1, page: 2 } KFEJWEHFBERUHGERGHETHRTHRTHR.HJR.H.RYJ.TY.JTU.KJT.UJ.TY.JTY. { status: 200, data: [], message: "1111" } WHDVQWDVUQWVDQWBFJQEBIFEFWGFR/GERGTEHRTHRYHRDHREHREHERHETH.EHRTHRTRH/HRHRTHRTHRT http://127.0.0.1/api/index?id=1&page=3&time=16633444&sign=4bf8eb636c8981b361bcc03394f6ef06 time: 时间戳 sign:加密参数 规则 1 先排序 2 格式化字符串,做成get请求参数的格式 3 MD5加密 (对用户注册的密码进行加密,加密不可解密的) { id: 1, time: 16633444, page: 3, } id=1&time=16633444&page=3 4bf8eb636c8981b361bcc03394f6ef06 支付(假的) 后面和你们说 vue vue-router vuex vuex: 存放全局变量(响应式的)和方法的 State:用来存数据的 Getter:用来读取 State 中的变量 Mutation:用来写 State 中的变量 Action:用来提交 Mutation,它可以完成异步操作 支付: 支付宝支付 1: PC端支付 1: vue:
data: { result: '' } 2: https://alipay?sing=eqe2e1212124141 location.href = https://alipay?sing=eqe2e1212124141 查看订单支付状态的页面地址(线上可以访问的地址) http://bmy.com/order/checkOrder?nums=1231243243rewtet34t34543 2: 小程序支付 my.tradePay(订单号) 3: H5支付 和 PC端支付 流程一样 微信支付 1: PC端支付 1: 是一个图片(二维码)地址, 订单号 2: 通过定时器 setInterval 每隔一秒去查询订单是否支付成功 2: 小程序支付 wx.requestParm() 3: H5支付 WeixinJSBridge.invoke 支付方式接口: [ { title: '支付宝支付', type: 1 }, { title: '微信支付', type: 2 }, ] 支付流程: 1:下单接口 接口:/buyOrder 参数:[商品id] 返回数值:订单号 BDUDBHBHBU20211203879876867576576 2: 支付接口 接口:/pay 参数: 订单号 BDUDBHBHBU20211203879876867576576 支付方式(微信,支付宝) 1 返回数值: { "timeStamp":"", "nonceStr": "", "package": "", "signType": "MD5", "paySign": "", } 3: 调用官方给的方法,传入参数即可唤醒官方的支付界面进行支付,在回调函数中拿到用户是否支付的结果 success (res) { }, 提示用户支付成功,自动跳转进入订单状态页面 fail (res) { } 提示用户支付失败,是否重新支付,如果点击确定,重新走 2 接口 4: 查询订单是否支付成功的接口 (H5支付) 接口:/checkPay 参数: 订单号 BDUDBHBHBU20211203879876867576576 返回数值:0 未支付,1支付成功