【小程序 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

目录
相关文章
|
6月前
|
小程序 安全 物联网
【经验分享】支付宝小程序常用appId
【经验分享】支付宝小程序常用appId
1971 6
|
6月前
|
小程序 JavaScript Android开发
【经验分享】如何在支付宝小程序里玩转富文本功能
【经验分享】如何在支付宝小程序里玩转富文本功能
291 6
|
6月前
|
小程序 Devops 开发工具
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的金融支付终端管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的金融支付终端管理系统附带文章和源代码部署视频讲解等
132 9
|
5月前
|
JSON 缓存 小程序
技术笔记:uniapp微信小程序支付
技术笔记:uniapp微信小程序支付
|
5月前
|
小程序 前端开发 Java
(JAVA)支付宝小程序登录相关(authToken获取用户唯一userId、encryptedData解密手机号)
(JAVA)支付宝小程序登录相关(authToken获取用户唯一userId、encryptedData解密手机号)
377 0
|
6月前
|
JavaScript 小程序
微信小程序的双向数据绑定和vue的哪里不一样?下拉刷新的方式代码示例
微信小程序的双向数据绑定和vue的哪里不一样?下拉刷新的方式代码示例
|
6月前
|
移动开发 小程序 API
【每周一个小技巧】支付宝小程序内如何跳转生活号文章
【每周一个小技巧】支付宝小程序内如何跳转生活号文章
254 6
|
6月前
|
小程序 JavaScript 前端开发
【每周一个小技巧】支付宝小程序跳转生活号的几种方式
【每周一个小技巧】支付宝小程序跳转生活号的几种方式
124 7
|
6月前
|
小程序 前端开发 IDE
【经验分享】支付宝小程序订阅消息功能实操(前端篇)|江海计划
【经验分享】支付宝小程序订阅消息功能实操(前端篇)|江海计划
679 7