支付寶小程序 快速示例·支付寶卡包

本示例僅支持企業(yè)支付寶賬號(hào)。

支付寶卡包（alipass），是支付寶公司推出的一款可以管理電子憑證的產(chǎn)品，該產(chǎn)品聚合來自各類生活服務(wù)的票據(jù)憑證，包括優(yōu)惠券、折扣券、代金券、換購券、電影票、演出票、火車票、機(jī)票。

掃碼體驗(yàn)

效果示例

前提條件

• 完成 開發(fā)者入駐 與 小程序創(chuàng)建。
• 安裝最新版 IDE，點(diǎn)擊下載。

獲取模板代碼

下載 支付寶卡包 Demo.zip 文件，并解壓至本地。

使用步驟

添加功能

1. 登錄 小程序開發(fā)中心，在 我的小程序 中，選擇相應(yīng)的小程序，進(jìn)入該小程序詳情頁。

1. 在小程序詳情開發(fā)管理頁面的 功能列表 中，點(diǎn)擊右上角 添加功能 按鈕，添加 小程序支付功能、支付寶卡包功能。小程序支付功能需簽約后生效，請(qǐng)點(diǎn)擊功能列表最右側(cè)操作欄 立即簽約，簽約成功后，狀態(tài)顯示為 已生效，即可調(diào)用小程序支付。

數(shù)據(jù)準(zhǔn)備

在 sample 數(shù)據(jù)庫中，新建 user_pay 數(shù)據(jù)表。

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 數(shù)據(jù)庫中，新建 user_card 數(shù)據(jù)表。

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;

后端開發(fā)

打開 server > src > main > resources > application.properties 文件，填入服務(wù)運(yùn)行所需的參數(shù)。

生成 RSA 密鑰并配置應(yīng)用私鑰及公鑰，詳情請(qǐng)參見 設(shè)置接口加簽方式。

#應(yīng)用的私鑰，需要保管好，應(yīng)用的公鑰存儲(chǔ)在支付寶服務(wù)端
alipay.appconfig.privatekey=


#支付寶提供給這個(gè)應(yīng)用的公鑰，私鑰存儲(chǔ)在支付寶服務(wù)端中
alipay.appconfig.publickey=


#開放平臺(tái)申請(qǐng)應(yīng)用的Id
alipay.appconfig.appid=

spring.datasource.url=jdbc:mysql://${demo.mysql.address}:3306/sample?useUnicode=true&characterEncoding=utf8


#數(shù)據(jù)庫用戶名稱


spring.datasource.username=admin


#數(shù)據(jù)庫用戶密碼


spring.datasource.password=


#數(shù)據(jù)庫地址，由于數(shù)據(jù)庫跟應(yīng)用服務(wù)在同一個(gè)服務(wù)器，所以在服務(wù)器上運(yùn)行時(shí)可以設(shè)值為 localhost


demo.mysql.address=localhost

若小程序后端服務(wù)部署在云應(yīng)用上，參見 詳解 Todo 示例。

新建/打開項(xiàng)目

在 IDE 啟動(dòng)界面新建 云與開放能力 > 支付包卡包 模板項(xiàng)目，或者打開獲取模板代碼中的 zip 文件內(nèi)容。

前端開發(fā)

將支付寶卡包示例小程序 client > pages > index > api.js 文件中 baseUrl 修改為實(shí)際后端服務(wù)域名，即可開發(fā)小程序前端界面。