【云开发小课】交易支付小程序

本篇内容为大家介绍交易支付业务场景的小程序开发过程。通过这篇内容，大家可以掌握：

Ÿ   通过云开发来开发小程序的前后端，而且可以做联动调试；

Ÿ   支付宝交易支付相关的API调用知识点。

首先是前期的准备工作，如下图所示：

下载支付宝小程序IDE：
https://render.alipay.com/p/f/fd-jwq8nu2a/pages/home/index.html
开通入驻支付宝开发者中心，开通沙盒模式：
https://openhome.alipay.com/platform/sandboxMini.htm
公私钥生成：
https://miniu.alipay.com/keytool/create

首先是下载支付宝小程序IDE；第二需要支付宝账号并开通沙箱环境，即前模拟线上，这个不需要有商家一样的资质；然后安装沙箱版支付宝；最后是公私钥的生成，才能调动交易支付。

下面是通过具体实战操作来讲解。

一、创建配置应用

创建应用分为三个步骤，首先是配置沙箱环境；其次是在线生成公私钥；第三点是配置数据库。

打开云开发平台的界面并登录，然后创建一个新的应用，这个应用是通过Java交易支付小程序模块完成的。

创建完应用需要以下几项配置：沙箱环境的API ID、数据库的地址用户名和密码、API网关配置和小程序的公私钥配置。配置过程是，先打开沙箱环境，用支付宝app扫码登录；登陆后的页面会生成一个APPID；然后会有一个下载“支付宝小程序开发工具”，还会有小程序C端账号信息，沙箱钱包可以用这个账号登录。页面还提示沙箱环境会默认提供了当面付等相关支付功能。

然后是API网关，这里需要点开修改和更新公私钥信息。更新后，就会自动生成一个支付宝公钥，这个需要配置到应用里。

公私钥配置好之后，下一步是配置数据库的用户名和密码。

二、 WebIDE启动应用

首先是确认环境变量是否生效。

打开云开发平台模板IDE的前后端，然后用设置的用户名和密码查看变量是否生效。然后启动Springboot服务端应用，这个服务启动的是8080端口。再然后是小程序miniu预览，把启动的服务映射出来，通常是映射到本地，通过local host来直接访问服务，然后把映射的服务配置到小程序里，并启动miniu预览。最后在小程序IDE发布，真机预览。

任何应用都需要有登录态，这里可以用支付宝里的登录态唤起小程序应用的登录态。这套机制就是支付宝会给一个授权码，可以拿到授权码到服务端去调支付宝的API，唤起一个登录态。

其次是通过小程序IDE来调试，把生成的代码切割到本地。打开云开发平台，找到小程序前端代码，然后复制到本地，再通过小程序IDE来打开小程序。

值得注意的是，沙箱环境需要安装沙箱环境插件，安装之后需要全部退出后重新登录，是通过沙箱支付宝登录。登录后修改下服务端地址。然后用沙箱支付宝实现真机预览。

三、API调试

API调试分为小程序前端调试和服务端断点调试。

服务断点调试，需要看它输入和输出参数的传递和变量值。在小程序端侧进行断点调试，首先在服务端授权页面打开调试页面，然后点查看支付记录，这个时候就会断点进来，并唤起授权确认页。当授权信息保存到本地就不需要再确认了。拿到授权码之后会调用支付宝的服务端并唤起登录信息。

但是现在这个环境还没有和沙箱环境打通，如果打通了，整个前后端都可以在WebIDE里实现联动。这个功能很快就会上线。

最后简单介绍下支付宝的交易支付功能。这个可以通过代码查看也可以加断点调试。这里的断点调试是创建交易，然后拿到支付宝唤起支付，然后可以查询是否支付成功的状态，同时也可以回滚到支付订单即取消支付。

以上全部内容就是交易支付小程序的相关介绍。