支付宝小程序 快速示例·小程序支付

本示例仅支持企业支付宝账号。

小程序支付和 APP 支付的支付流程与体验基本一致，也支持核销口碑券和口碑商户优惠功能。已签约小程序支付或在口碑开店的商户建议接入小程序支付。小程序支付在小程序内不能通过扫码、条码、声波付等方式支付，只能唤起收银台进行支付。本示例的产品介绍和接入指南，参见 小程序支付。

扫码体验

效果示例

前提条件

• 完成 开发者入驻 与 小程序创建。
• 安装最新版 IDE，点击下载。

获取模板代码

下载 小程序支付Demo.zip 文件，并解压至本地。

使用步骤

添加功能

1. 登录 小程序开发中心，在 我的小程序 中，选择相应的小程序，进入该小程序详情页。

1. 在小程序详情开发管理页面的 功能列表 中，点击右上角 添加功能 按钮，添加 小程序支付 功能。小程序支付功能需签约后生效，请点击功能列表最右侧操作栏 签约；完成产品签约流程后，状态显示为 审核中，一般在一个工作日内完成签约审核；审核通过后，状态变为 已生效，即可调用小程序支付功能。

后端开发

打开 server > src > main > resources > application.properties 文件，填入服务运行所需的参数。

#应用的私钥，需要保管好，应用的公钥存储在支付宝服务端
alipay.appconfig.privatekey=


#支付宝提供给这个应用的公钥，私钥存储在支付宝服务端中
alipay.appconfig.publickey=


#开放平台申请应用的Id
alipay.appconfig.appid=

spring.datasource.url=jdbc:mysql://${demo.mysql.address}:3306/sample?useUnicode=true&characterEncoding=utf8


#数据库用户名称


spring.datasource.username=admin


#数据库用户密码


spring.datasource.password=


#数据库地址，由于数据库跟应用服务在同一个服务器，所以在服务器上运行时可以设值为 localhost


demo.mysql.address=localhost

若小程序后端服务部署在云应用上，参见 详解 Todo 示例。

数据准备

在 sample 数据库中，新建 user_pay 数据表。

USE sample; 
CREATE TABLE `user_pay` (`id` int(11) NOT NULL AUTO_INCREMENT,
 `trade_no` varchar(200) DEFAULT NULL,
 `user_id` varchar(200) DEFAULT NULL,
 PRIMARY KEY (`id`)) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;

前端配置

在 IDE 中打开下载代码文件夹中 client 文件夹的前端代码。

将小程序支付示例项目的 pages > index > index.js 文件中 URL 修改为实际后端服务域名，即可开发小程序前端界面。