H5在微信小程序及公众号中的支付

Posted 2023-03-04

参考技术A 为了解决在公众号支付和在小程序中支付问题，写了个js工具文件，根据当前环境执行不同的支付方法（以小程序支付流程为主）

在小程序支付中，需要注意两个地方，第一是由于package='prepay_id=XXX'传到小程序时会导致数据接收不完全，所以就只传XXX，‘prepay_id=’由小程序那边拼接上了；第二点是‘/pages/Pay/Pay’是与小程序约定的处理支付功能的页面，需要对应着。

在需要调用的文件用引入【import payTool from './PayTool.js';】，并在获取订单信息后，传入订单信息，发起支付流程【payTool(payParam);】

在小程序中获取订单信息

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7

根据微信小程序支付说明文档使用接收的参数调取支付功能

2020.12.24补充

刚学到还有个qs可以用，，，

1、npm install qs

2、var qs = require('qs')

3、不需要对package进行修改，直接传参即可。 小程序那边也不需要再处理了

vue项目在微信公众号中调用微信扫一扫

参考技术A 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注：登录后可在“开发者中心”查看对应的接口权限。

在需要调用JS接口的页面引入如下JS文件，（支持https）： http://res.wx.qq.com/open/js/jweixin-1.6.0.js
如需进一步提升服务稳定性，当上述资源不可访问时，可改访问： http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）。
备注：支持使用 AMD/CMD 标准模块加载方法加载