• 下载
  • 社区

支付即会员场景快速示例

说明

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


背景描述


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


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


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


适用场景


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


业务流程图



示例体验


image.png


效果示例


image.png

前提条件



使用流程

1. 添加功能


1. 进入 小程序开发中心,在 我的小程序 中,选择相应的小程序,进入该小程序详情页。


2. 在小程序详情开发管理页面的 功能列表 中,点击右上角 添加功能 按钮,添加 小程序支付 、获取会员信息、jsAPI 基础包、商家会员卡 功能。


image.png


2. 获取模板代码


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


3. 后端开发


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

生成 RSA 密钥并配置应用私钥及公钥,参见 设置接口加签方式


4. 部署服务


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


image.png


5. 前端开发


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


6. 开发者中心配置


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


image.png



相关文档