【uniapp调用微信支付】uniapp开发小程序-调用微信支付

<>哈喽大家好~我是马小跳。一名进阶中的程序媛。

<>在这里记录下自己成长的每一次进步，希望遇到志同道合的猿友

<>一起努力，一起把技术up up up！！！

使用uniapp开发小程序时，调用微信支付的步骤如下：

<>一、manifest.json里配置相关参数

1.在manifest.json - App模块权限选择 中勾选 payment(支付)
2.在 manifest.json - App SDK配置
中，勾选需要的支付平台，目前有微信支付、支付宝支付、苹果应用内支付(IAP)，其中微信支付需要填写从微信开放平台获取的

<>二、微信小程序支付-代码：

这里的timeStamp, nonceStr, package, signType,
paySign是由后端与微信交互生成后，通过接口传递过来的，调用接口直接取出来即可。

uni.requestPayment({ provider: 'wxpay', //支付类型-固定值 timeStamp:
res.data.wechat.timeStamp, // 时间戳（单位：秒） nonceStr: res.data.wechat.nonceStr, //
随机字符串 package: res.data.wechat.package, // 固定值 signType:
res.data.wechat.signType, //固定值 paySign: res.data.wechat.paySign, //签名 success:
function (res) { // console.log('success:' + JSON.stringify(res)); console.log(
"支付成功"); uni.showToast({ icon: 'success', title: '支付成功' }) //清空输入框 that.name =
'' that.idcard = '' }, fail: function (err) { // console.log('fail:' +
JSON.stringify(err)); console.log("支付失败"); uni.showToast({ icon: 'none', title:
'支付失败' }) } });
<>三、APP支付代码：
//订单对象，从服务器获取 var orderInfo = { "appid": res.data.orderInfo.appId, //
应用ID（AppID）"partnerid": res.data.orderInfo.partnerId, // 商户号（PartnerID）
"prepayid": res.data.orderInfo.prepayId, // 预支付交易会话ID "package":
res.data.orderInfo.packageValue, // 固定值"noncestr": res.data.orderInfo.nonceStr,
// 随机字符串"timestamp": res.data.orderInfo.timeStamp, // 时间戳（单位：秒） "sign":
res.data.orderInfo.sign, // 签名，这里用的 MD5 签名}; uni.requestPayment({ provider:
"wxpay", orderInfo: orderInfos, success(res) { console.log('success:' +
JSON.stringify(res)); console.log("支付成功"); }, fail(err) { console.log('fail:' +
JSON.stringify(err)); console.log("支付失败"); });
<>ending~

• « 上一篇：【微信授权登录】uniapp开发小程序，实现获取微信授权登录功能
• » 下一篇：CSS实现文字垂直居中