简介

小程序支付和 APP 支付的支付流程与体验基本一致,也支持核销口碑券和口碑商家优惠功能。已签约小程序支付或在口碑开店的商家建议接入小程序支付。小程序支付在小程序内不能通过扫码、条码、声波付等方式支付,只能唤起收银台进行支付。更多详情可查看 小程序支付。

快速示例提供了支付宝小程序在某些场景下的官方解决方案,提供了开发源码,开发者可以以此作为参考,也可以直接在源码的基础上进一步开发。

本示例解决的是小程序支付。(点此下载源码)

使用说明

  • 本示例仅支持支付宝企业账号。
  • 需完成 开发者入驻 与 小程序创建 。
  • 下载并安装小程序开发者工具(IDE)(点此下载)。

效果示例

使用

使用步骤

  1. 打开 IDE。
  2. 在 IDE 界面新建或打开项目:
    • 通过界面 小程序 > 添加项目 > 选择端(可多选) > 选择模板 > 找到本示例对应的模板点击 下一步 > 配置项目名称和路径 > 点击 完成
    • 点击 打开项目 按钮,进入本文开头下载的源码包所在路径,将源码包解压到一个文件夹里,选择文件夹打开。
  1. 进入项目后,登录开发者账号,并关联已有 APPID。
  2. 完成以上步骤后,可以通过 IDE 进行开发和调试。

开发步骤

添加功能

登录 开放平台控制台,进入对应小程序详情页 > 管理 > 能力管理 中添加 小程序支付 功能。小程序支付功能需签约后生效,请点击功能列表最右侧操作栏 签约;完成产品签约流程后,状态显示为 审核中,一般在一个工作日内完成签约审核;审核通过后,状态变为 已生效,即可调用小程序支付功能。

后端开发

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

生成 RSA 密钥并配置应用私钥及公钥,详情可查看 接口加签方式。

#应用的私钥,需要保管好,应用的公钥存储在支付宝服务端alipay.appconfig.privatekey=#支付宝提供给这个应用的公钥,私钥存储在支付宝服务端中alipay.appconfig.publickey=#开放平台申请应用的Idalipay.appconfig.appid=

spring.datasource.url=jdbc:mysql://${demo.mysql.address}:3306/sample" />

若小程序后端服务部署在云应用上,详情可查看 详解 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 修改为实际后端服务域名,即可开发小程序前端界面。