游乐游手机版
首页/AI教程/文章详情

支付宝小程序支付示例实战教程与开发Demo

时间:2026-08-17 10:44
该示例仅支持企业支付宝账号。小程序支付流程与APP支付类似,支持核销口碑券,但在小程序内只能唤起收银台。需要先完成开发者入驻、创建小程序并安装开发工具,再添加功能并签约,配置后端参数及前端URL。

先明确一下适用范围:这个示例目前只支持企业支付宝账号。如果你用的是个人账号,暂时还玩不了。

小程序支付和APP支付,在流程和体验上其实差不多,都支持核销口碑券和口碑商户优惠。如果你已经签了小程序支付,或者在口碑开了店,建议直接接小程序支付。有一点要留意——在小程序内,不能通过扫码、条码或声波付来支付,只能唤起收银台。更详细的产品介绍和接入指南,可以参考官方的小程序支付文档。

_2019_06_05_9_55_13

前提条件

动手之前,先确认两件事:第一,已经完成开发者入驻并创建了小程序;第二,下载并安装好了小程序开发者工具。这两步缺一不可。

获取模板代码

下载模板消息 Demo.zip 文件,解压到本地目录即可。

使用步骤

_2019_06_05_9_56_53

添加功能

1. 进入小程序开发中心,在“我的小程序”里找到对应的那个,点进去进入详情页。
2. 在详情页的“开发管理”功能列表中,点右上角的“添加功能”按钮,依次添加小程序模板消息、获取会员信息功能、小程序支付功能。

_2019_06_05_9_58_18

这里有个关键点:小程序支付功能需要先签约才能生效。在功能列表最右侧的“操作”栏里点“签约”,完成签约流程后状态会显示“审核中”,一般一个工作日内审核完成。审核通过后状态变成“已生效”,这时才能正常调用支付功能。

_2019_06_05_9_59_32

后端开发

打开 Ja va → src → main → resources → application.properties 文件,把服务运行所需的参数填进去。

RSA密钥的生成和配置(应用私钥及公钥),可以参考“设置接口加签方式”的文档。

_2019_06_05_10_01_58

_2019_06_05_10_02_18

_2019_06_05_10_03_08

如果你的后端服务是部署在云应用上的,具体步骤可以参照云应用-Spring Boot 版的说明。

数据准备

在 sample 数据库里,新建一张 user_pay 数据表。

_2019_06_05_10_08_29

前端配置

在开发者工具中,打开下载代码文件夹里的 mini-program 文件夹,这就是前端代码了。

_2019_06_05_10_09_21

找到 pages → index → index.js 文件,把里面的 URL 替换成你实际的后端服务域名,然后就可以开始开发小程序前端界面了。

_2019_06_05_10_10_16

在线体验

_2019_06_05_10_11_21

来源:https://developer.aliyun.com/article/704576
上一篇魅族云上加速发展历程与业务增长故事 下一篇C#接入豆包AI模型实现首尾帧视频生成方法
本站内容用于信息整理与展示,如有侵权或内容问题请及时联系处理。

相关推荐

补充同频道和同主题内容,方便继续浏览更多相关内容。

同类最新

继续查看同栏目最近更新的文章。

更多
CAD零基础入门教程:坐标输入、图层管理与基础绘图命令
AI教程 · 2026-09-01

CAD零基础入门教程:坐标输入、图层管理与基础绘图命令

本文面向CAD零基础学习者,系统讲解坐标输入、图层管理与基础绘图命令的核心用法。通过分步实操与常见问题排查,帮助新手建立精确绘图习惯,掌握规范出图的基础能力。

CAD从入门到项目交付:绘图、标注、图块与实战工作流
AI教程 · 2026-09-01

CAD从入门到项目交付:绘图、标注、图块与实战工作流

掌握CAD的核心在于建立“画得准、标得清、复用快、交付稳”的工作流。本文提供从环境设置、高频命令组合、标注规范、图块标准化到项目分阶段交付的完整路径,帮助初学者避免常见返工陷阱,独立完成可检查、可复用、可打印的工程图纸。

Claude Code 登录指南:个人、Teams 与企业账号区分与授权步骤
AI教程 · 2026-09-01

Claude Code 登录指南:个人、Teams 与企业账号区分与授权步骤

本文详细解析 Claude Code 登录前的账号类型区分方法,涵盖个人订阅、Teams 席位与企业 Enterprise 席位的授权路径差异。提供终端登录命令、环境变量排查及常见异常处理步骤,帮助用户快速完成正确授权并避免登录路径混淆。

Claude Code 文件修改前的权限模式配置与命令审批指南
AI教程 · 2026-09-01

Claude Code 文件修改前的权限模式配置与命令审批指南

本文详细介绍Claude Code在修改文件前的权限模式配置方法,包括defaultMode可选值、permissions allow与deny规则设置、多层级配置文件管理以及 status验证技巧,帮助开发者安全高效地使用AI编程助手。

Claude Code接入VS Code后先测扩展和终端命令
AI教程 · 2026-09-01

Claude Code接入VS Code后先测扩展和终端命令

在VS Code中接入Claude Code后,建议优先验证扩展面板与集成终端两条入口。本文提供标准检查顺序、关键命令与常见故障排查路径,帮助你快速确认环境就绪,避免后续开发受阻。