支付宝小程序 快速示例·支付即会员场景

大部分商家、ISV 在接入支付功能后，需要通过会员卡来沉淀用户，有针对性地做促销，提升用户的消费忠诚度等。支付即会员是非常常见的场景。

本文提供了用户进入到小程序后的用户信息授权、下单支付、会员卡发放的完整流程示例，为商家直观的展示支付宝支付即会员流程。

本示例仅做参考，商家还需将用户信息、会员系统与自己既有的会员系统、支付系统做打通，才能真正为商家服务。

说明：

• 本示例仅支持企业支付宝账号。
• 本案例操作，体验需要支付 0.01 元，随后会立即退款。

适用场景

适用于所有线上、线下、新零售等有支付和拓展会员的需求场景。

业务流程图

扫码体验

效果示例

前提条件

• 完成 开发者入驻 与 小程序创建。
• 安装最新版 IDE，点击下载。

获取模板代码

下载 PayAsMember.zip，并解压至本地。

使用步骤

添加功能

1. 进入 小程序开发中心，在 我的小程序 中，选择相应的小程序，进入该小程序详情页。
2. 在小程序详情开发管理页面的 功能列表 中，点击右上角 添加功能 按钮，添加 小程序支付、获取会员信息、jsAPI 基础包、商家会员卡 功能。

后端开发

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

部署服务

通过 IntelliJ IDEA 蚂蚁开发者一站式套件 打包上传 云服务，并部署服务。

前端开发

在开发工具中，打开下载代码文件夹中 client 文件夹的前端代码。

开发者中心配置

在 小程序详情 > 开发配置 页面，配置 服务域名白名单（配置后有安全巡检，1 小时后才能生效；只支持 https），实现前后端交互联调工作。