小程序在线支付教程(一)

r囧r小猫 2022-04-10 06:42 267阅读 0赞

> **小编推荐：**[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。

随着网络不断发展，在线支付已经成为不可或缺的功能，只要是开发商城类的小程序或者APP，都需要这种功能。由于最近在做一个商城项目，里面用到了在线支付。为了能够把在线支付的前因后果说清楚，特此分三个章节来说明。希望能够对大家有用。

一、微信支付平台

小程序支付前提是必须要有公司主体，个人账号是不能做支付。如果你已经有了公司主体，那么你需要登录微信支付平台开通企业支付信息（[https://pay.weixin.qq.com/index.php/core/home/login?return\_url=%2F][https_pay.weixin.qq.com_index.php_core_home_login_return_url_2F]）

![Image 1][]

01.jpg

当我们登录进去后，请点击“产品中心”，如图：

![Image 1][]

产品中心

在这里，我们需要申请“支付产品”，目前支付产品有：公众号支付，扫码支付，刷卡支付，H5支付，相关支付是怎么回事，大家可以看文档。这里的支付主要针对的是微信公众号或者H5网站的支付，由于我们将的是小程序支付，因此我们需要把小程序的APPID绑定到微信支付平台。因此，我们需要点击“APPID授权管理”，

![Image 1][]

授权管理

然后点击“新增授权申请单”

![Image 1][]

image.png

填写完成后，点击下一步，之后就等待系统审核。

二、获取小程序APPID

上面说了，我们需要得到小程序的APPID，那么这个APPID在哪里看呢，这时候我们需要登录“微信公众平台”（[https://mp.weixin.qq.com/cgi-bin/loginpage?t=wxm2-login&lang=zh\_CN][https_mp.weixin.qq.com_cgi-bin_loginpage_t_wxm2-login_lang_zh_CN]）  
登录进去后点“设置”-》“开发设置”

![Image 1][]

APPID

顺便说一下，建议大家把APPID和AppSecret(小程序密钥) 保存起来，因为后面需要用到。  
另外“服务器域名”-》“request合法域名”最好也设置一下，因为正是支付的时候，我们是在网络上操作的，本地无法操作。  
好了，前期的准备工作就到这里了，下一章节我们将讨论如何开发支付接口。由于我们的支付接口是通过thinkphp5开发的，因此大家有兴趣的话可以先了解一下。Thanks♪(･ω･)ﾉ  
  
作者：陈楠酒肆  
链接：https://www.jianshu.com/p/40aef7594329

### 关于Fundebug ###

[Fundebug][]专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了9亿+错误事件，得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！

[![2018121912254161][]][2018121912254161]

[Fundebug]: https://www.fundebug.com/
[https_pay.weixin.qq.com_index.php_core_home_login_return_url_2F]: https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F
[Image 1]: 
[https_mp.weixin.qq.com_cgi-bin_loginpage_t_wxm2-login_lang_zh_CN]: https://mp.weixin.qq.com/cgi-bin/loginpage?t=wxm2-login&lang=zh_CN
[2018121912254161]: /images/20220402/707844cd5b1b427383366da89fd23975.png