【小程序 Demo】带你玩转支付宝小程序之小程序支付示例-阿里云开发者社区

开发者社区> 阿里小程序云> 正文

【小程序 Demo】带你玩转支付宝小程序之小程序支付示例

简介: 小程序支付和 APP 支付的支付流程与体验基本一致,也支持核销口碑券和口碑商户优惠功能。已签约小程序支付或在口碑开店的商户建议接入小程序支付。小程序支付在小程序内不能通过扫码、条码、声波付等方式支付,只能唤起收银台进行支付。

前言

说明:本示例仅支持企业支付宝账号。

小程序支付和 APP 支付的支付流程与体验基本一致,也支持核销口碑券和口碑商户优惠功能。已签约小程序支付或在口碑开店的商户建议接入小程序支付。小程序支付在小程序内不能通过扫码、条码、声波付等方式支付,只能唤起收银台进行支付。本示例的产品介绍和接入指南,参见 小程序支付

_2019_06_05_9_55_13

前提条件

获取模板代码

下载 模板消息 Demo.zip 文件,并解压至本地。

使用步骤

_2019_06_05_9_56_53

添加功能

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

_2019_06_05_9_58_18

小程序支付功能需签约后生效,请点击功能列表最右侧操作栏签约;完成产品签约流程后,状态显示为审核中,一般在一个工作日内完成签约审核;审核通过后,状态变为已生效,即可调用小程序支付功能。

_2019_06_05_9_59_32

后端开发

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

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

_2019_06_05_10_01_58

_2019_06_05_10_02_18

_2019_06_05_10_03_08

数据准备

在 sample 数据库中,新建 user_pay 数据表。

_2019_06_05_10_08_29

前端配置

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

_2019_06_05_10_09_21

将小程序支付快速示例pages > index > index.js文件中 URL 修改为实际后端服务域名,即可开发小程序前端界面。

_2019_06_05_10_10_16

在线体验

_2019_06_05_10_11_21

开发者交流

扫码加入 阿里云小程序云支持群 交流讨论技术问题 更多直播等你观看

_jpeg

版权声明:本文中所有内容均属于阿里云开发者社区所有,任何媒体、网站或个人未经阿里云开发者社区协议授权不得转载、链接、转贴或以其他方式复制发布/发表。申请授权请邮件developerteam@list.alibaba-inc.com,已获得阿里云开发者社区协议授权的媒体、网站,在转载使用时必须注明"稿件来源:阿里云开发者社区,原文作者姓名",违者本社区将依法追究责任。 如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:developer2020@service.aliyun.com 进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
阿里小程序云
使用钉钉扫一扫加入圈子
+ 订阅

阿里小程序云官方技术圈

官方博客
官网