多端开发,小程序开发,uni-app多端开发之微信支付

在我们日常的开发中,支付功能是很常见的功能之一,正常在每个端独立开发的时候,都没有不一样的支付对接。我是使用uni-app的框架开发项目,所以也是用了框架自带的封装过得支付api调用支付。开发过小程序的小伙伴们都知道小程序的支付api使用,使用uni-app的api其实和小程序的是差不多的使用方法,所以我们使用起来是不用怎么费劲的,uni-app开发APP也是一样。

下面就分享一下我的开发经历,分两部分介绍,第一部分是正常的开发流程,第二部分介绍一下使用uni-app开发中,可能会遇到的一些问题和解决方法。

第一部分是正常的开发流程

在使用uni-app开发小程序、APP和h5端,是有一个配置文件的,可以配置每端开发的不同配置,具体的配置可以去uni-app官网详细了解一下,在开发微信支付功能的时候需要填写从微信开放平台获取的AppID 。

之前有开发过小程序支付的小伙伴就会对这块比较熟悉了,虽然uni-app集成了许多的开发方式,我们在使用的时候就会比较轻松的上手,使用框架开发的时候开发小程序和APP非常方便。只要做对应的条件编译就能实现在对应的端使用代码,而不用写在另外的页面上。

看到下面的代码展示例子,有么有很熟悉的感觉,没错就是和小程序差不多的使用方式,所以就是刚刚使用的uni-app的小伙伴也不用慌,框架的开发和小程序的是很类似的,而且还比小程序开发方便,单文件开发模式,也不需要和原生小程序使用对应文件。

// 仅作为示例,非真实参数信息。
uni.requestPayment({
provider: 'wxpay',
timeStamp: String(Date.now()),
nonceStr: 'A1B2C3D4E5',
package: 'prepay_id=wx20180101abcdefg',
signType: 'MD5',
paySign: '',
success: function (res) {
console.log('success:' + JSON.stringify(res));
},
fail: function (err) {
console.log('fail:' + JSON.stringify(err));
}
});

在我们开发的过程中,只用配置完成了,和后端对接的接口也没有问题以后,就可以直接使用请求发起支付了。

第二部分介绍一下使用uni-app开发中,可能会遇到的一些问题和解决方法。

第二部分主要介绍一下开发APP端微信支付的一些可能会遇到的问,因为小程序端只要和后端的接口对接完成,再使用请求接口基本是没有问题的。

APP端对接支付是需要在微信应用平台里面,填写对应的包名,和应用签名,并且使用使用正确的配置微信开放平台获取的AppID ,不然就会提示支付失败,支付取消,返回-1状态码的情况。要是因为配置的原因的话,只需要对应调整好就可以了,但是需要提醒的是,在微信应用平台填写完之后,有可能不会马上生效,可能会在第二天才会生效。

我就是遇到这样的问题,重新填写完之后就去测试,结果还是不行,我以为是我自己的问题,还搞了很久,结果在第二天的时候再测试的时候就可以了。

在开发支付功能的时候,遇到的问题,解决问题,我对uni-app的框架又有了新的认识和进步,在使用新的开发工具或者是新的开发框架的时候,还是需要先去多多的熟悉,了解对应的性能,功能和使用的方法,然后去使用这样会更加快速的上手,这样也会更高效的开发,我就也是吃了没人了解清楚框架的使用方式的亏,所以在开发支付功能这块花费的挺多时间。

希望能有用帮助到有需要你,要是有更好的方法和见解,也希望请不吝赐教,相互学习共同进步,提升开发技术。

欢迎投稿本站:紫金网 » 多端开发,小程序开发,uni-app多端开发之微信支付