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

简介: 支付宝卡包是支付宝推出的一款可以管理电子凭证的产品,该产品聚合来自各类生活服务的票据凭证,包括优惠券、折扣券、代金券、换购券、电影票、演出票、火车票、机票。

前言

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

支付宝卡包(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

打开小程序 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

开发者交流

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

_jpeg

目录
相关文章
|
1月前
|
前端开发 小程序 API
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
|
1月前
|
资源调度 小程序 前端开发
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
|
1月前
|
小程序 Devops 开发工具
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
29 0
|
2月前
|
存储 小程序 UED
微信小程序代码包限制2M 怎么解决?
微信小程序代码包限制2M 怎么解决?
|
2月前
|
缓存 小程序 Android开发
mPaaS问题之更改包名之后就进不了小程序如何解决
mPaaS小程序是阿里巴巴移动平台服务(mPaaS)推出的一种轻量级应用解决方案,旨在帮助开发者快速构建跨平台的小程序应用;本合集将聚焦mPaaS小程序的开发流程、技术架构和最佳实践,以及如何解决开发中遇到的问题,从而助力开发者高效打造和维护小程序应用。
63 1
|
2月前
|
小程序 安全 物联网
【经验分享】支付宝小程序常用appId
【经验分享】支付宝小程序常用appId
185 0
|
1月前
|
资源调度 小程序 前端开发
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
|
2月前
|
移动开发 小程序 API
【每周一个小技巧】支付宝小程序内如何跳转生活号文章
【每周一个小技巧】支付宝小程序内如何跳转生活号文章
88 1
|
2月前
|
缓存 小程序 IDE
【每周一个小技巧】支付宝小程序自定义tabbar效果
【每周一个小技巧】支付宝小程序自定义tabbar效果
44 0
|
2月前
|
小程序 JavaScript 前端开发
【经验分享】如何实现在支付宝小程序内的图片裁剪功能
【经验分享】如何实现在支付宝小程序内的图片裁剪功能
44 1

热门文章

最新文章