支付寶小程序 快速示例·支付即會(huì)員場(chǎng)景

大部分商家、ISV 在接入支付功能后，需要通過(guò)會(huì)員卡來(lái)沉淀用戶，有針對(duì)性地做促銷，提升用戶的消費(fèi)忠誠(chéng)度等。支付即會(huì)員是非常常見的場(chǎng)景。

本文提供了用戶進(jìn)入到小程序后的用戶信息授權(quán)、下單支付、會(huì)員卡發(fā)放的完整流程示例，為商家直觀的展示支付寶支付即會(huì)員流程。

本示例僅做參考，商家還需將用戶信息、會(huì)員系統(tǒng)與自己既有的會(huì)員系統(tǒng)、支付系統(tǒng)做打通，才能真正為商家服務(wù)。

說(shuō)明：

• 本示例僅支持企業(yè)支付寶賬號(hào)。
• 本案例操作，體驗(yàn)需要支付 0.01 元，隨后會(huì)立即退款。

適用場(chǎng)景

適用于所有線上、線下、新零售等有支付和拓展會(huì)員的需求場(chǎng)景。

業(yè)務(wù)流程圖

掃碼體驗(yàn)

效果示例

前提條件

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

獲取模板代碼

下載 PayAsMember.zip，并解壓至本地。

使用步驟

添加功能

1. 進(jìn)入 小程序開發(fā)中心，在 我的小程序 中，選擇相應(yīng)的小程序，進(jìn)入該小程序詳情頁(yè)。
2. 在小程序詳情開發(fā)管理頁(yè)面的 功能列表 中，點(diǎn)擊右上角 添加功能 按鈕，添加 小程序支付、獲取會(huì)員信息、jsAPI 基礎(chǔ)包、商家會(huì)員卡 功能。

后端開發(fā)

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

部署服務(wù)

通過(guò) IntelliJ IDEA 螞蟻開發(fā)者一站式套件 打包上傳 云服務(wù)，并部署服務(wù)。

前端開發(fā)

在開發(fā)工具中，打開下載代碼文件夾中 client 文件夾的前端代碼。

開發(fā)者中心配置

在 小程序詳情 > 開發(fā)配置 頁(yè)面，配置 服務(wù)域名白名單（配置后有安全巡檢，1 小時(shí)后才能生效；只支持 https），實(shí)現(xiàn)前后端交互聯(lián)調(diào)工作。