在我们日常的小程序开发中，支付功能是很常见的功能之一，正常在每个端独立开发的时候，都没有不一样的支付对接。我是使用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的框架又有了新的认识和进步，在使用新的开发工具或者是新的开发框架的时候，还是需要先去多多的熟悉，了解对应的性能，功能和使用的方法，然后去使用这样会更加快速的上手，这样也会更高效的开发，我就也是吃了没人了解清楚框架的使用方式的亏，所以在开发支付功能这块花费的挺多时间。

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