微信小程序中使用JSAPI支付

2024-05-12 14:51:45

微信小程序中使用JSAPI支付

在微信小程序中使用微信支付api【wx.requestPayment】需要传递以下字段
如何获取支付所需要的值

在微信小程序中使用微信支付api【wx.requestPayment】需要传递以下字段

resp数据是通过后台调取腾讯提供的一些接口获取的uni.requestPayment({provider: 'wxpay',timeStamp: resp.timeStamp, //时间戳，从 1970 年 1 月 1 日 00:00:00 至今的秒数，即当前的时间nonceStr: resp.nonceStr, //随机字符串，长度为32个字符以下package: 'prepay_id=' + resp.prepay_id, //统一下单接口返回的 prepay_id 参数值signType: 'RSA', //签名算法paySign: resp.paySign, //签名success: res => {},fail: function(err) {}
});

如何获取支付所需要的值

1.首先需要前端调起微信的登录api【wx.login】获取code值

//获取微信code
uni.login({provider: 'weixin',success: loginRes => {console.log('[loginRes]', loginRes.code);}
})

功能描述:
调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户在当前小程序的唯一标识（openid）、微信开放平台帐号下的唯一标识（unionid，若当前小程序已绑定到微信开放平台帐号）及本次登录的会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成。

2.把code值传递给服务端，让服务端调用腾讯的auth.code2Session 接口【GET https://api.weixin.qq.com/sns/jscode2session】（具体请求参数请参考官方文档）

服务端调起【code2Session】的目的：换取
用户唯一标识 OpenID ，
用户在微信开放平台帐号下的唯一标识UnionID（若当前小程序已绑定到微信开放平台帐号），
会话密钥 session_key。

3.服务端获取了Openid后，就可以通过JSAPI下单接口获取到发起支付的必要参数prepay_id，然后使用微信支付提供的小程序方法调起小程序支付。【https://api.mch.weixin.qq.com/v3/pay/partner/transactions/jsapi】（具体请求参数请参考官方文档）
通过这个接口获取prepay_id【预支付交易会话标识】

除了prepay_id这个必要字段，其他参数如何获取请参考官方文档

微信小程序中使用JSAPI支付相关推荐

微信小程序中如何实现微信支付
微信支付是微信公众平台提供的一种在线支付服务,可以为用户提供快速.方便.安全的支付体验.而在微信小程序中实现微信支付,则可以为应用程序提供更多的功能和服务,提高用户体验和商业价值.因此,在本文中,我们 ...
微信小程序服务商下子商户支付下单接口
微信小程序服务商下子商户支付下单流程调用方法 <?php namespace app\index\controller; class WeixinPay extends Base { prot ...
微信小程序setinterval_微信小程序中setInterval的使用方法
微信小程序中setinterval的使用方法看了下小程序的画布功能,简单的使用了一下,用蹩脚的逻辑做了个 "弹啊弹,弹走鱼尾纹的小球",一起来看下吧.过程不重要主要是画布的使用哦 ...
Canvas绘图在微信小程序中的应用:生成个性化海报
Canvas绘图在微信小程序中的应用:生成个性化海报如极客时间的一些实现案例: 基础语法 Canvas本质是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素,默认大小为30 ...
微信小程序中this指向作用域问题this.setData is not a function报错
在微信小程序中我们一般通过以下方式来修改data中的数据 this.setData({index1: e.detail.value}) 比如在函数里面修改数据 bindFaChange1: funct ...
在微信小程序中绘制图表（part2）
本期大纲 1.确定纵坐标的范围并绘制 2.根据真实数据绘制折线相关阅读: 在微信小程序中绘制图表(part1) 在微信小程序中绘制图表(part3) 关注我的 github 项目查看完整代码. 确 ...
微信小程序中带参数返回上一页的方法总结（三种）
本篇文章给大家带来的内容是关于微信小程序中带参数返回上一页的方法总结(三种),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 方法一把当前页面数据放入本地缓存( wx.setStor ...
微信小程序中实现瀑布流布局和无限加载
瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感. 在HTML5中,我们可以找到很多基于jQuery之类实现的瀑布流布局插 ...
在微信小程序中使用字体图标
方法一:转化为base64 第一步:在阿里巴巴矢量图标库下载需要的图标 QQ截图20180316191514.png 点击下载代码,将下载后的download.zip解压第二步:进入https:// ...

最新文章

热门文章