【小程序 Demo】带你玩转支付宝小程序之模板消息

简介: 接入模板消息的小程序可通过模板消息高效触达用户,通知用户当前行为的结果及状态等,例如交易状态、物流进度等。

简介

小程序可通过模板消息高效触达用户,通知用户当前行为的结果及状态等,例如交易状态、物流进度等。本示例的产品介绍和接入指南。

_2019_06_04_9_57_17

前提条件

使用模板消息快速示例的前提条件如下:

获取模板代码

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

使用步骤

_2019_06_04_9_58_14

添加功能

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

_2019_06_04_10_03_58
_2019_06_04_10_05_00
_2019_06_04_10_05_33

后端开发

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

_2019_06_04_10_12_28

_2019_06_04_10_06_55

若小程序后端服务部署在云应用上,具体步骤参云应用-Spring Boot 版

打开小程序 IDE 快速示例

打开小程序开发者工具,点击新建项目,在通过小程序快速示例创建项目栏目下,选中模板消息,点击下一步,即可在小程序开发者工具中快速创建模板消息小程序。

_2019_06_04_10_08_48
_2019_06_04_10_09_15

前端开发

将模板消息快速开始小程序 pages > index > index.js 文件中 URL 修改为实际后端服务域名之后,即可开发小程序前端界面。

_2019_06_04_10_10_10

在线体验

_2019_06_04_10_24_22

开发者交流

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

_jpeg

目录
相关文章
|
1月前
|
小程序 Devops 开发工具
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
30 0
|
1月前
|
小程序 前端开发 开发者
【微信小程序】-- WXSS 模板样式- rpx & import (十三)
【微信小程序】-- WXSS 模板样式- rpx & import (十三)
|
1月前
|
小程序 JavaScript
【微信小程序】-- WXML 模板语法 - 事件绑定 -- tap & input (十)
【微信小程序】-- WXML 模板语法 - 事件绑定 -- tap & input (十)
|
1月前
|
小程序 容器
【微信小程序】-- WXML 模板语法 - 条件渲染 -- wx:if & hidden (十一)
【微信小程序】-- WXML 模板语法 - 条件渲染 -- wx:if & hidden (十一)
|
1月前
|
小程序 JavaScript
【微信小程序】-- WXML 模板语法 - 数据绑定(九)
【微信小程序】-- WXML 模板语法 - 数据绑定(九)
|
1月前
|
JSON 小程序 搜索推荐
【微信小程序】-- 模板语法与配置的总结(二十一)
【微信小程序】-- 模板语法与配置的总结(二十一)
|
1月前
|
小程序
【微信小程序】-- WXSS 模板样式- 全局样式和局部样式(十四)
【微信小程序】-- WXSS 模板样式- 全局样式和局部样式(十四)
|
1月前
|
小程序 JavaScript 索引
【微信小程序】-- WXML 模板语法 - 列表渲染 -- wx:for & wx:key(十二)
【微信小程序】-- WXML 模板语法 - 列表渲染 -- wx:for & wx:key(十二)
|
1月前
|
小程序
TDesign电商小程序模板解析02-首页功能
TDesign电商小程序模板解析02-首页功能
|
1月前
|
小程序 前端开发 开发者
TDesign电商小程序模板解析01-自定义底部导航栏
TDesign电商小程序模板解析01-自定义底部导航栏

热门文章

最新文章