小程序 Demo:带你玩转支付宝小程序之支付卡包示例

时间:2026-07-05 08:49:44 来源:互联网

本指南专为企业支付宝账号用户设计,介绍支付宝卡包功能在小程序中的集成与使用。通过本文,您将掌握从环境准备到前后端开发的全流程操作,快速实现优惠券、票务等电子凭证的管理。

前言

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

支付宝卡包(alipass)是管理电子凭证的产品,聚合了各类生活服务的票据凭证,包括优惠券、折扣券、代金券、换购券、电影票、演出票、火车票、机票。本示例的产品介绍和接入指南,参见支付宝卡包。

_2019_06_10_10_05_08

前提条件

已完成 开发者入驻 与 小程序创建 。已下载并安装 小程序开发者工具。

获取模板代码

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

使用步骤

_2019_06_10_10_06_49

添加功能

1.进入小程序开发中心,在我的小程序中,选择相应的小程序,进入该小程序详情页。
2.在小程序详情开发管理页面的功能列表中,点击 右上角添加功能按钮,添加获取会员信息功能、小程序支付功能、支付宝卡包功能。小程序支付功能需签约后生效,请点击功能列表最右侧操作栏立即签约,签约成功后,状态显示为已生效,即可调用小程序支付。

_2019_06_10_10_10_31

_2019_06_10_10_10_56

_2019_06_10_10_11_07

数据准备

在 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;

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

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

后端开发

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

_2019_06_10_10_13_52

_2019_06_10_10_16_26

_2019_06_10_10_17_00

若小程序后端服务部署在云应用上,具体步骤参云应用-Spring Boot 版。

打开小程序 IDE 快速示例

打开小程序开发者工具,点击新建项目,在通过小程序快速示例创建项目栏目下,选中支付宝卡包,点击下一步,即可在小程序开发者工具中快速创建支付宝卡包小程序。

_2019_06_10_10_20_26

_2019_06_10_10_21_03

前端开发

_2019_06_10_10_22_11

在线体验

_2019_06_05_10_11_21

通过上述步骤,您已掌握支付宝卡包功能从准备到部署的完整流程,可快速集成电子凭证管理能力到自身小程序中。请根据实际业务需求调整配置参数,确保功能正常运行。