React实现微信公众号支付

请求后台接口获取weChatData数据

送上一波福利

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

请求后台接口获取weChatData数据然后实现下面代码/*** 微信公众号支付的数据*/if (weChatData !== oldWeChatData && weChatData) {if (typeof WeixinJSBridge === "undefined") {if (document.addEventListener) {document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(weChatData), false);} else if (document.attachEvent) {document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(weChatData));document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(weChatData));}} else {this.onBridgeReady(weChatData);}}

下面代码里面就是直接拉起微信支付，支付结果的操作

/*** 拉起微信公众号支付* @param response*/onBridgeReady = (response) => {if (response.package === undefined) {return;}WeixinJSBridge.invoke('getBrandWCPayRequest', {"appId": response.appid,     //公众号名称，由商户传入"timeStamp": response.timestamp,         //时间戳，自1970年以来的秒数"nonceStr": response.nonce_str, //随机串"package": response.package,"signType": response.signType,         //微信签名方式："paySign": response.paySign //微信签名},function (res) {if (res.err_msg === "get_brand_wcpay_request:ok") {router.push('/results/check');} else if (res.err_msg === "get_brand_wcpay_request:cancel") {message.info("支付取消");} else if (res.err_msg === "get_brand_wcpay_request:fail") {router.push('/results/check');} else {message.info(res.err_msg);}WeixinJSBridge.log(response.err_msg);});};

以上操作的过程中在android中会出现拉起微信支付慢的情况，考虑的android支付情况我们可以给微信请求数据成功后执行一个加载圈用户不能操作、知道用户取消支付、支付成功、失败才让加载圈隐藏。

React实现微信公众号支付相关推荐

微信公众号支付开发手记（node）
微信支付前言总结一下最近业务开发中对微信公众号支付的开发过程,微信支付的开发前提是已经具备可上线微信公众号开发的基础上进行的,如果你的开发阶段目前停留在起步,建议参考这篇文章开始. 好了,来聊一聊 ...
vue 调用共众url_vue单页面，在微信公众号支付中遇到的URL未注册BUG解决方法-Go语言中文社区...
今天在做微信公众号支付的时候,遇到一个bug,在当前支付页面点击支付,就会报错,提示当前页面的URL未注册.如下图: 但是,这个URL我们是在后台微信公众号配置了的,所以说不会出错. 但是我们刷新一次 ...
yii2嵌入微信公众号支付
序言随着微信被越来越多的人使用,微信商城成为如今的热门.每一个商城都需要有自己的支付方式,微信商城也不例外.微信公众号支付就是微信商城的一种支付方式,微信支付随着微信的推广使用也被广泛应用.今天我主 ...
微信公众号支付调用chooseWXPay提示“errmsg choosewxpay fail”
微信公众号支付一直提示"errmsg choosewxpay fail",也没有提示具体错误信息,签名没有问题(签名验证地址:https://pay.weixin.qq.com/w ...
微信公众号页面支付接口java,[Java教程]微信公众号支付（三）：页面调用微信支付JS并完成支付...
[Java教程]微信公众号支付(三):页面调用微信支付JS并完成支付 0 2015-09-15 15:00:30 一.调用微信的JS文件 1.首先要绑定[JS接口安全域名],"公众号设置&q ...
js如何调用h5的日期控价_微信公众号支付H5调用支付解析
最近项目需要微信支付,然后看了下微信公众号支付,虽然不难,但是细节还是需要注意的,用了大半天时间写了个demo,并且完整的测试了一下支付流程,下面分享一下微信公众号支付的经验. 一.配置公众号微信支付 ...
vue 微信公众号支付接口_基于vue的h5项目之支付宝支付与微信支付
本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点,仅为前端部分,如有疏漏不正之处,请于文末评论探讨.注意:标红部分灰常重要,仔细阅读官方文档非常重要,耐心非常重要,细心非常 ...
h5通过php微信支付宝支付,用H5调用支付微信公众号支付的解析
这篇文章主要为大家详细介绍了微信公众号支付H5调用支付,具有一定的参考价值,感兴趣的小伙伴们可以参考一下最近项目需要微信支付,然后看了下微信公众号支付,虽然不难,但是细节还是需要注意的,用了大半天时 ...
PHP微信公众号支付弹出“NaN:undefined”解决方法
PHP微信公众号支付弹出"NaN:undefined"解决方法参考文章: (1)PHP微信公众号支付弹出"NaN:undefined"解决方法 (2)http ...
php调用微信公众号支付接口,Thinkphp微信公众号支付接口
本文实例为大家分享了Thinkphp微信公众号支付接口,供大家参考,具体内容如下第一步先把文件夹的那两个图片配置成一样的路径除了域名要改其他保持一致. 第二步把 Weixinpay 这个 ...

React实现微信公众号支付

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

React实现微信公众号支付相关推荐

最新文章

热门文章