uniapp 微信小程序 如何进行支付

微信小程序如何支付:
如果你第一次接触那么不需要了解太多,其实支付很简单只需要一串参数

timeStamp: '',
 nonceStr: '',
 package: '',
 signType: '',
 paySign: '',

这一串参数其实都是后端返回过来的 :电商举例子
思路:
1.当你选择完毕商品区付款的时候 首先用户需要看到这个商品的价格(价格可能涉及满减 优惠券等比较复杂 需要后端计算返回给你的) 这时候你拿着商品的单号等后端所需的数据发给后端 后端计算之后把价格返回给你,你渲染给用户

2.用户看到价格合适不算贵就直接下单了 点击提交订单支付的时候 你在把用户最后选择的数量 规格(sku)等在发给后端 这时候后端会在返回一次价格和一串支付需要的参数 (如上图所示)

3.拿着这一串参数调用官方的api (下图所示)

uniapp的api链接地址:
https://uniapp.dcloud.io/api/plugins/payment?id=requestpayment
微信官方的api链接地址:
https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html


//如果是uniapp开发的小程序  前缀加uni  若是纯原生开发的前缀加wx
uni.requestPayment({
    provider: '',
    timeStamp: '',
    nonceStr: '',
    package: '',
    signType: 'MD5',//不可变
    paySign: '',
    success: function (res) {
       //支付成功的回调    成功之后你想做什么在这里操作  比如弹窗一个提示:支付成功等
    },
    fail: function (err) {
            //支付失败的回调   失败之后你想做什么在这里操作  比如弹窗一个提示:支付失败等

    }
});

总结:如果以上解释文字你看不懂就直接使用那一串参数即可

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于在UniApp中开发微信小程序并实现微信支付问题,你可以按照以下步骤进行操作: 1. 在UniApp项目中,打开 `manifest.json` 文件,确保已经添加了微信小程序的配置信息,包括 `appid` 和 `wechatid`。 2. 在UniApp项目根目录下,找到 `manifest.json` 文件所在的目录,并新建一个名为 `uni.scss` 的文件。 3. 在 `uni.scss` 文件中添加以下代码,用于引入微信小程序支付功能: ```scss @import "uniapp://scss/uni.scss"; $uni-ww-common: "/common"; @import "$uni-ww-common/uni-variables"; .uni-wxpay { @import "$uni-ww-common/wxpay"; } ``` 4. 在需要使用微信支付的页面中,使用 `uni-wxpay` 类来引入支付相关的样式和功能: ```vue <template> <view> <!-- 支付按钮 --> <button @click="handlePayment">立即支付</button> </view> </template> <script> export default { methods: { handlePayment() { uni.requestPayment({ provider: 'wxpay', timeStamp: '生成的时间戳', nonceStr: '生成的随机字符串', package: '统一下单接口返回的 prepay_id', signType: '签名算法,默认为 'MD5'', paySign: '签名', success(res) { // 支付成功回调 console.log('支付成功', res); }, fail(res) { // 支付失败回调 console.log('支付失败', res); } }); } } } </script> ``` 5. 在后端服务器端,调用微信支付统一下单接口,获取到 `timeStamp`、`nonceStr`、`prepay_id`、`signType` 和 `paySign` 等参数,并返回给前端。 6. 将服务器返回的参数填充到上述代码中的相应字段,并在支付成功和支付失败的回调中处理相关逻辑。 请注意,以上仅为大致的步骤和代码示例,具体实现还需要根据你的项目需求和后端接口进行调整。同时,确保已经在微信开发者工具中配置好了支付相关的参数和权限。另外,如果需要使用其他支付方式或第三方支付,需要根据相应的文档进行操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值