小程序微信支付功能配置方法详解【基于thinkPHP】

本文通过一个实例来描述小程序微信支付功能的配置方法。分享给大家参考，如下：

背景

，最近开发的小程序，毕竟是开发的商城项目。最后，涉及到的微信支付是必须的，个人发展过程中遇到各种问题。这里根据我的实际操作，详细配置了代码。方便小程序新手快速操作-使用语言：PHP # PHP，世界上最好的语言，哈哈哈哈哈-使用框架：ThinkPHP 3.2 #版本有点低，没有严重问题-测试工具：微信开发者工具#其实挺好用的-整理时间：2018-07-07 #如果有问题会一直更新。

Tip:【所有代码均可转换。甚至ThinkPHP5.0也是一个Laravel框架。如果你熟悉PHP代码语法，转换只需要几分钟！】

一、开发前的准备

. 开发步骤

如果开发者已经做了JSAPI或者JSSDK来调整微信支付，那接入小程序支付就非常类似了。以下是三种访问方法的比较：

这样，小程序集成支付功能就很简单了

对公众号微信支付感兴趣的可以参考一篇文章——微信公众平台开发教程ThinkPHP框架

. 阅读业务流程图

下微信支付功能详解。我强烈建议阅读这个图标。流程清晰，代码逻辑自然会理顺！

. 小程序支付业务

在这里，小程序的官方做了详细的说明。——业务描述#很多人在这一步完成之前就点击了测试支付功能。显然，他们太渴望成功了，比如我！注：1。需要开通微信支付功能(一般有两三天的审核时间)。2.打开后选择“绑定一个已有的微信支付商户号”，只有几分钟

请在此阅读官方文字末尾的注释【重要提示】:1 appid一定是最后拉起收银台的小程序AppID；#不说这句话感觉真好。说的时候更容易引起不必要的考虑(忽视)。

2 mch_id是与appid成对绑定的支付商户号，收款资金会进入这个商户号；#这里，我直接使用绑定商户号中的mch_id

3 trade_type请填写‘jsapi’；#暂时可以忽略，因为我已经在代码中配置好了。

4 openid是appid对应的用户id，即使用‘wx . log in’界面获取的openid可以参考我的支付/index.js代码#。在另一种情况下，如果用户的OpenID字段已经保存在项目数据库中，则可以自行获取。

二、小程序端代码配置指导

，这里配置的代码都在附录源码包的目录wxMini-PayDemo\wxChat中。为了项目代码的通用性/可管理性，我自己提取了两个主要的公共文件config.js和util.js。

在

. utils下 config.js 文件的使用

config.js文件中，主要是配置一些公共访问路径等数据，方便后期代码上线后的链接更改。因此，其中的restUrl和imgServer可以修改为它们自己的服务器地址

注意：我的' restUrl '对应于我的小程序的Api接口路径。例如，我的支付回拨路径是‘https://www.myservver.com/wxapi/pay/notify'’

. utils下 util.js 文件的使用

是与config.js文件位于同一目录的公共文件，实际上集成了三种主要方法。需要注意的是，如果你添加了什么，记得在文件末尾输出“exports”。模块。导出={http _ get:http _ get。Http _ post: http _ post，showtoast : showtoast，}

. payment/index.js 文件的使用

这个文件作为小程序微信支付前端的核心文件，在唤醒支付时只需要调用btnclicktop()方法：

当然，我只是随便定了一个方法。当我实际使用它时，我实际上以类似的方式调用了wxPay()方法！

三、服务端代码文件的使用指导

这里配置的代码都在源包的wxMini-PayDemo\Server-PHP目录下

免责声明：*由于我提供的代码是基于ThinkPHP3.2框架编译的，对于使用过ThinkPHP或Laravel框架的PHPer来说简单明了，可以根据自己的框架进行调整和适配，所以这里说的可能不会太琐碎* * *

. 公共配置文件的数据补充

这是源代码中的‘wxmini-paydemo \ server-PHP \ conf \ config . PHP’。这个文件代码比较少，我就直接展示一下：

返回数组(//'配置项'='配置值' ' wxPay'=['appid'='wx8787)