继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

关于微信点餐项目租借账号实现微信授权和支付的联调说明

wxywizard
关注TA
已关注
手记 1
粉丝 3
获赞 23
  1. 首先我们如果在该项目中使用的是廖师兄公众号租借账号完成的支付调试,因为我们的微信授权和微信支付使用的appid不同,即生成的openid不能对应租借账号的openid,所以导致无法联调。
  2. 解决办法是在前端请求时写死openid,我们需要修改几处配置文件。
  • 首先我们需要修改 虚拟机 /opt/code/sell_fe_buyer/src/components/payment/目录下index.vue 文件
    index.vue
  • 接下来修改/opt/code/sell_fe_buyer/src/components/order/ 目录下detail.vue文件
  • detail.vue
  • 然后修改/opt/code/sell_fe_buyer/config/ 下的index.js文件
  • 图片描述
    修改完成之后记得重新编译npm run build
  1. 最后我们修改项目中OrderForm2OrderDTOConverter中openid写死
    图片描述
  2. 我的appid配置文件是微信测试号的appid先通过微信授权,然后在WechatPayConfig中写死微信支付的appid
    图片描述
    经过这些调整你就可以在手机端下单支付,走通整个流程。
  3. 补充说明,有的同学支付成功后可能会遇到订单详情无法显示,那是因为openid不对,再修改BuyerServiceImpl即可
    图片描述
打开App,阅读手记
16人推荐
发表评论
随时随地看视频慕课网APP

热门评论

你这写的是测试的appid,还是师兄文档里面给的id?

太棒了!!感谢!

哥们,配置文件时按照你这个改的,点击支付的时候还是为空呀 openid


查看全部评论