小程序支付和H5支付实现(uniapp)

小程序支付:

**wxml** 
	<text class="submit" @click="payment">去付款</text>
	
	**js**
	payment: function(res) {
			uni.requestPayment({
				provider: 'wxpay',   // 写死的
				timeStamp: res.data.data.timestamp,   //  后端给的
				nonceStr: res.data.data.nonceStr,  //  后端给的
				package: res.data.data.package,  //  后端给的
				signType: 'MD5',  // 写死的
				paySign: res.data.data.paySign,    //  后端给的
				success: resPay => {
					//  支付成功  跳页面
						uni.reLaunch({
								url: '../order/order?state=0'
							});
				},
				fail: err => {
				//  支付失败  跳页面
					console.log(err);
					uni.showToast({
						title: res.data.msg,
						icon: 'none',
						success: function() {
							uni.reLaunch({
								url: '../order/order?state=0'
							});
						}
					});
				}
			});
		},

H5支付:

**wxml **
<view @cli
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序支付是指在微信小程序实现支付功能的一种方式。而uniapp是一种跨平台开发框架,可以使用一套代码同时开发出小程序AppH5等多个平台的应用程序。 在uniapp实现微信小程序支付,首先需要引入相关的uniapp插件,如"uniapp-pull-refresh"插件用于下拉刷新、"uniapp-picker"插件用于选择器等。然后,在代码中调用相关的支付API,进行支付流程的编写。 在uniapp实现微信小程序支付的代码如下所示: 1. 引入uniapp中的微信支付插件: ``` import { wxPay } from 'uniapp-wx-pay' ``` 2. 对支付参数进行设置: ``` const payData = { appId: 'xxxx', // 微信开放平台的AppId timeStamp: 'xxxx', // 时间戳 nonceStr: 'xxxx', // 随机字符串 package: 'xxxx', // 统一下单接口返回的 prepay_id 参数值 signType: 'MD5', // 签名算法类型,默认为 MD5 paySign: 'xxxx' // 签名 } ``` 3. 调用微信支付API进行支付: ``` wxPay(payData).then(res => { console.log('支付成功') }).catch(err => { console.log('支付失败') }) ``` 通过以上代码,即可在uniapp实现微信小程序支付功能。当用户点击支付按钮时,会调用微信支付API,打开微信支付界面,用户输入支付密码后,支付结果会通过回调函数返回,开发者可以根据支付结果做相应的业务处理。 需要注意的是,在进行微信小程序支付前,需要先在微信开放平台注册小程序,获取AppId,并在小程序后台设置支付参数和配置支付证书。 总结起来,实现微信小程序支付uniapp源码主要包括引入相关插件、设置支付参数和调用支付API等步骤。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值