H5换起微信小程序支付

H5前端逻辑

//getWechatScheme后端返回接口
//跳到小程序方法 window.location.href
//path 小程序页面路径
//query 进入小程序需接受的参数
//openlink 最终后端返回openlink就是你需要拿的连接   openlink格式：weixin://dl/business/?t= *TICKET*
async getWechatScheme(path, query) {const res = await getWechatScheme({path,query})if (res.data.errmsg == 'ok') {window.location.href = res.data.openlink}
},
async goPay() {const that = this;await createOrder({ // 创建订单接口createOrdergoodsId: this.id, // 商品IDgoodsName: this.shopInfo.goodsName, //商品名称goodsPrice: this.shopInfo.price // 商品价格}).then(res => {uni.showLoading({mask: true,title: '跳转中～'})that.getWechatScheme('pages/index/index', "orderId=" + res.data.order_id)}).catch(err => {return uni.showToast({title: err,icon: 'none'})})
},

小程序前端逻辑

let URL = 'https://xxx.xxx.xx/apis'; // 接口域名onLoad(options) {this.orderId = options.orderId; // 接受H5传过来的参数orderIdthis.getLogin()
},
methods:{getLogin() {let that = this;uni.login({ // uniapp获取用户code 微信小程序用wx.loginprovider: 'weixin',onlyAuthorize: true,success: function(res) {if (res.errMsg == 'login:ok') {that.getOpenId(res.code)}}});},getOpenId(code) { // 通过code换取获取用户openidlet that = this;uni.request({url: 'https://api.weixin.qq.com/sns/jscode2session',method: 'GET',data: {appid: '1234242323323pppppp',// 小程序IDsecret: 'sdjasd2has2udeio2jek2qwjkajsd2akdjkasd2as2jd', // 小程序密钥js_code: code, grant_type: 'authorization_code'},success: (res) => {console.log('获取信息', res);uni.showLoading({mask: true,title: '加载中～'})uni.request({url: URL + '/api/v3/get/prepay',method: 'POST',data: {"orderNo": that.order_id,"openId": res.data.openid,"payChannel": "PALM","tradeType": "WX_JSAPI","mchId": 2020,"mchAppId": "20220603001140"},success: function(data) {uni.hideLoading();uni.requestPayment({provider: 'wxpay',nonceStr: data.data.data.getwayBody.nonceStr,package: data.data.data.getwayBody.package,signType: data.data.data.getwayBody.signType,paySign: data.data.data.getwayBody.paySign,timeStamp: data.data.data.getwayBody.timeStamp,success: function(res) {console.log('success:', res.errMsg)if (res.errMsg == "requestPayment:ok") {uni.showModal({title: '提示',content: `支付成功`})} else {uni.showModal({title: '提示',content: `支付失败`})}},fail: function(err) {console.log('fail:', err);uni.showModal({title: '提示',content: `支付失败`})}});},})}});},
}

H5换起微信小程序支付相关推荐

微信小程序webview(H5页面)调用微信小程序支付
1.业务描述:微信小程序商城入口进入的页面是商城H5页面,在H5页面进行微信支付如何实现: 2.微信小程序(webview访问H5页面)必须使用微信小程序支付: 如何实现以及实现方式以及支付后页面返回 ...
微信小程序嵌套h5页面怎么实现小程序支付
微信小程序嵌套h5页面怎么实现小程序支付小程序嵌套h5页面怎么实现小程序支付小程序中嵌套h5页面,但是不能再h5页面拉起小程序支付,这时是需要小程序方拉起支付目前的流程,外链发送订单请求拿到预支付 ...
微信小程序支付最容易犯的坑notify_url（支付回调）
最近做了微信小程序支付,支付成功之后发现notify_url回调地址竟然没有访问. 检查了无数次代码,下单结果里面的回调地址看了又看,都没有错啊. 把回调地址复制出来到浏览器上面,外网也是可以访问的啊 ...
微信小程序支付错误提示“商户号mch_id或sub_mch_id不存在”
微信小程序支付错误提示"商户号mch_id或sub_mch_id不存在" 今天做微信小程序支付遇到这样一个问题,支付接口返回错误信息出显示"商户号mch_id或sub_m ...
微信小程序支付（1）Uni-app平台API接口
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝).快 ...
微信小程序引用php函数,php微信小程序支付讲解（JSAPI）
在早起的某篇文章中我们已经简单介绍了小程序支付, 这里我们在这篇文章中详细的介绍一个微信小程序支付, 顺便附带小程序端的部分支付代码. 微信小程序支付文档地址(微信小程序支付) 微信完整支付类下载地址 ...
可视化uniapp整合thinkphp6实现微信小程序支付
可视化uniapp整合thinkphp6实现微信小程序支付,调用tp6接口返回微信相关下单参数. 开源代码:diygw-ui-php: diygwUI+Thinkphp6实现PHP后台框架 //微信小 ...
SpringBoot实现微信小程序支付
本文给大家讲解微信小程序支付全流程,以及相关功能源代码,项目不开放,带来不便尽请谅解.小程序支付主要包含如下几步骤,1.预下单-调用微信统一下单接口进行预下单.2.小程序拿到支付参数唤醒支付.3.支 ...
视频教程-10分钟实现微信小程序支付功能-微信开发
10分钟实现微信小程序支付功能码农一枚,非著名全栈开发人员.分享自己的一些经验,学习心得,希望后来人少走弯路,少填坑. 多年全栈开发经验,擅长小程序,java,安卓,web前端开发. 邱石 ¥19. ...

H5换起微信小程序支付

H5换起微信小程序支付相关推荐

最新文章

热门文章