wx小程序支付流程

376 阅读1分钟

支付流程

image.png

登录拿token

image.png

支付流程续

确保支付前选择地址

image.png

创建订单

image.png

获取支付参数

image.png

调起支付

image.png

支付后的优化

image.png

登录流程可选封装优化

  1. 每次都需要带 token 可以用拦截器 => 添加拦截器
  2. 每次都要登录 可以考虑缓存 => 在 vuex 里面缓存
  3. token 可能挺多功能要用到共享 => 将登录流程封装在 vuex 里面

优化一, 在vuex封装登录

image.png

优化二 token 缓存

image.png

优化三 拦截器带 token

image.png

根据是否有token来确定要不要登录

image.png