H5使用codovar插件实现微信支付(微信APP支付模式,前端)

时间:2022-12-19 14:53:35

H5打包的app实现微信支付及支付宝支付,本章主要详解微信支付,支付宝支付请查看另一篇“H5使用codovar插件实现支付宝支付(支付宝APP支付模式,前端)”

ps:本文只试用H5开发的,微信 APP支付

流程:

1.首先给项目中打上微信插件,我使用的是cordova-plugin-wechat插件(下载地址),注意该插件需要改一些地方

H5使用codovar插件实现微信支付(微信APP支付模式,前端)

这三个文件的包名做修改例如你的项目工程是com.baidu.mall,那么此处的包名就是com.baidu.mall.wxapi;(此处设置不正确,微信支付结果将无法返回,程序报错退出)

H5使用codovar插件实现微信支付(微信APP支付模式,前端)

2.微信开放平台的设置:首先创建的app必须获取微信的支付功能

H5使用codovar插件实现微信支付(微信APP支付模式,前端)

H5使用codovar插件实现微信支付(微信APP支付模式,前端)

然后配置应用签名和应用包名:应用包名就是你项目打包的包名,应用签名是通过微信的小程序生成的一串码(这块的生成可查看微信支付文档,或百度搜寻相关)(重要)

H5使用codovar插件实现微信支付(微信APP支付模式,前端)

3.前端发起支付,及处理微信返回结果

H5使用codovar插件实现微信支付(微信APP支付模式,前端)

调后台接口,后台人员通过后台统一下单,返回给前台你需要的这些参数,然后前端将这些参数放到params中,之后发起微信支付。

Wechat.sendPaymentRequest(params, function(message) {
                                           alert(“success”)//支付成功,查询支付结果,并展示支付结果
                                        }, function(reason) {
                                         alert(“failed”)//支付取消或失败                                   
                                        });

此时支付微信支付就完毕了,本章我只是提示最重要的几步,开发中有什么疑问请留言