前端微信公众号支付功能实现

前端在拉起微信支付页面之前会有一个预支付的

     onLoad(options) {this.obj = JSON.parse(options.obj);console.log("返回的订单数据", this.obj)this.payment(); //进入到这个页面后执行预支付},

预支付代码

         payment() {http({url: '/api/thirdParty/weChatPay/createUnifiedOrder',method: 'POST',data: {body: '订单内容',totalFee: this.obj.totalPrice,orderNo: this.obj.orderNo,openID: uni.getStorageSync('openid'),}}).then(res => {console.log('res',res)console.log(res.data.data)this.paymentData = res.data.data;console.log('支付需要的参数', this.paymentData)})},

上面的openID是在微信授权登陆存在缓存中的

预支付成功后我这边是点击按钮拉起实际支付

             <view class="centerStyle" style="margin-top: 70rpx;"><view class="btn" @click="realityPayment()"><text class="btnFont">立即支付</text></view></view>

         realityPayment() {if (typeof WeixinJSBridge === "undefined") {if (document.addEventListener) {document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(), false);} else if (document.attachEvent) {document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady());document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady());}} else {this.onBridgeReady();}},onBridgeReady: function() {let that = this;WeixinJSBridge.invoke('getBrandWCPayRequest', {"appId": that.paymentData.appId, //公众号ID，由商户传入     "timeStamp": that.paymentData.timeStamp, //时间戳，自1970年以来的秒数     "nonceStr": that.paymentData.nonceStr, //随机串     "package": "prepay_id=" + that.paymentData.url,"signType": that.paymentData.signType, //微信签名方式：     "paySign": that.paymentData.sign //微信签名 },function(res) {if (res.err_msg === "get_brand_wcpay_request:ok") {// 使用以上方式判断前端返回,微信团队郑重提示：//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。uni.showLoading({title: '支付成功'});setTimeout(function() {uni.hideLoading();uni.redirectTo({url: '/pages/my/myOrder?choose=' + that.choose});}, 1000);} else {uni.hideLoading();}});},

支付成功跳转到支付成功的页面

前端微信公众号支付功能实现相关推荐

微信公众平台开发[3] —— 微信公众号支付功能(PHP)
直言无讳,我就是一个初涉微信开发的小白,写这篇博客的原因:一是为了给自己做下备忘记录,以便以后能回忆这条程序猿的坎坷路:二是希望能帮助到同是自学开发的小白们:三是对那些不屑一顾于我等尘埃的大牛们的控诉 ...
一文快速实现微信公众号支付功能（详细版，建议收藏备用）
进阶架构精品专题 Mysql优化专题(★★★★) 网络协议专题(★★★★) 其余18大专题,请在主页菜单栏查看后台回复[加群],获取BAT真实面经微信支付类型微信支付实际上有很多种不同的类型,具 ...
一文快速实现微信公众号支付功能
微信支付类型微信支付实际上有很多种不同的类型,具体要使用哪一种就需要根据不同的应用场景来选择,官方给出的参考例子: 刷卡支付:用户打开微信钱包的刷卡的界面,商户扫码后提交完成支付. 公众号支付:用户 ...
支付宝H5，微信H5，微信公众号支付回调
业务场景应公司需求,需要在项目中接入支付宝h5支付,微信h5支付和微信公众号支付功能,本编主要讲述支付踩坑和h5支付后跳转的回调问题微信h5支付微信h5支付时需要校验下单域名,微信从refere ...
php调用微信公众号支付接口,Thinkphp微信公众号支付接口
本文实例为大家分享了Thinkphp微信公众号支付接口,供大家参考,具体内容如下第一步先把文件夹的那两个图片配置成一样的路径除了域名要改其他保持一致. 第二步把 Weixinpay 这个 ...
php微信公众号支付接口案例,Thinkphp微信公众号支付接口
本文实例为大家分享了Thinkphp微信公众号支付接口,供大家参考,具体内容如下第一步先把文件夹的那两个图片配置成一样的路径除了域名要改其他保持一致. 第二步把 Weixinpay 这个文 ...
php微信公众号支付实例教程,php微信支付之公众号支付功能
这篇文章主要为大家详细介绍了php微信支付之公众号支付功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下网上的很多PHP微信扫码支付接入教程都颇为复杂,且需要配置和引入较多的文件,本人通过整理后 ...
微信公众号支付从前端到后台（小白教程）
耗时一个星期终于搞定微信支付,对于第一次涉足前端.微信支付的我来说,这并非易事,闲话少说,下面我用最通俗的语言来描述一下: 第一部分微信公众号后台 1.申请微信公众号(需要营业执照),开发者认证(3 ...
微信公众号支付前端部分流程
上周公司安排了微信公众号支付开发任务,经过快一周的不断填坑,终于把支付搞定,现在把遇到的问题和开发步骤记录一下,方便遇到同样问题的老铁们节省一些时间,少入些坑,先说一下本文不包含的内容,因为这些并不难 ...

前端微信公众号支付功能实现

前端微信公众号支付功能实现相关推荐

最新文章

热门文章