支付宝小程序 快速示例·小程序支付
本示例仅支持企业支付宝账号。
小程序支付和 APP 支付的支付流程与体验基本一致,也支持核销口碑券和口碑商户优惠功能。已签约小程序支付或在口碑开店的商户建议接入小程序支付。小程序支付在小程序内不能通过扫码、条码、声波付等方式支付,只能唤起收银台进行支付。本示例的产品介绍和接入指南,参见 小程序支付。
扫码体验
效果示例
前提条件
获取模板代码
下载 小程序支付Demo.zip 文件,并解压至本地。
使用步骤
添加功能
- 登录 小程序开发中心,在 我的小程序 中,选择相应的小程序,进入该小程序详情页。
- 在小程序详情开发管理页面的 功能列表 中,点击右上角 添加功能 按钮,添加 小程序支付 功能。小程序支付功能需签约后生效,请点击功能列表最右侧操作栏 签约;完成产品签约流程后,状态显示为 审核中,一般在一个工作日内完成签约审核;审核通过后,状态变为 已生效,即可调用小程序支付功能。
后端开发
打开 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 修改为实际后端服务域名,即可开发小程序前端界面。