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

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

小程序支付和 APP 支付的支付流程與體驗基本一致，也支持核銷口碑券和口碑商戶優(yōu)惠功能。已簽約小程序支付或在口碑開店的商戶建議接入小程序支付。小程序支付在小程序內(nèi)不能通過掃碼、條碼、聲波付等方式支付，只能喚起收銀臺進(jìn)行支付。本示例的產(chǎn)品介紹和接入指南，參見 小程序支付。

掃碼體驗

效果示例

前提條件

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

獲取模板代碼

下載 小程序支付Demo.zip 文件，并解壓至本地。

使用步驟

添加功能

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

1. 在小程序詳情開發(fā)管理頁面的 功能列表 中，點擊右上角 添加功能 按鈕，添加 小程序支付 功能。小程序支付功能需簽約后生效，請點擊功能列表最右側(cè)操作欄 簽約；完成產(chǎn)品簽約流程后，狀態(tài)顯示為 審核中，一般在一個工作日內(nèi)完成簽約審核；審核通過后，狀態(tài)變?yōu)?已生效，即可調(diào)用小程序支付功能。

后端開發(fā)

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

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


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


#開放平臺申請應(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ù)在同一個服務(wù)器，所以在服務(wù)器上運行時可以設(shè)值為 localhost


demo.mysql.address=localhost

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

數(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;

前端配置

在 IDE 中打開下載代碼文件夾中 client 文件夾的前端代碼。

將小程序支付示例項目的 pages > index > index.js 文件中 URL 修改為實際后端服務(wù)域名，即可開發(fā)小程序前端界面。