【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

前言

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

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

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

前提条件

获取模板代码

下载 模板消息 Demo.zip 文件,并解压至本地。

使用步骤

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

添加功能

1.进入小程序开发中心,在我的小程序中,选择相应的小程序,进入该小程序详情页。
2.在小程序详情开发管理页面的功能列表中,点击 右上角添加功能按钮,添加小程序模板消息获取会员信息功能、小程序支付功能

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

小程序支付功能需签约后生效,请点击功能列表最右侧操作栏签约;完成产品签约流程后,状态显示为审核中,一般在一个工作日内完成签约审核;审核通过后,状态变为已生效,即可调用小程序支付功能。

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

后端开发

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

生成 RSA 密钥并配置应用私钥及公钥,参见设置接口加签方式

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

数据准备

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

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

前端配置

在开发工具中,打开下载代码文件夹中 mini-program 文件夹的前端代码。

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

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

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

在线体验

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

开发者交流

扫码加入 阿里云小程序云支持群 交流讨论技术问题 更多直播等你观看

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

上一篇:【小程序 Demo】带你玩转支付宝小程序之小程序刷脸认证示例


下一篇:阿里小程序云周刊第5期:教你玩转支付宝小程序系列