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

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

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

Ÿ   支付宝交易支付相关的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里实现联动。这个功能很快就会上线。

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

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

上一篇:自助Linux之问题诊断工具strace


下一篇:互联网产品常用英语单词