codecamp

支付宝小程序 快速示例·模板消息

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

扫码体验

img

效果示例

演示文稿1.png

前提条件

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

获取模板代码

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

使用步骤

未命名文件 (12).png

添加功能

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

后端开发

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

#应用的私钥,需要保管好,应用的公钥存储在支付宝服务端
alipay.appconfig.privatekey=


#支付宝提供给这个应用的公钥,私钥存储在支付宝服务端中
alipay.appconfig.publickey=


#开放平台申请应用的Id
alipay.appconfig.appid=

img

新建/打开项目

在 IDE 启动界面新建 开放能力 > 模板消息 示例项目,或者打开 获取模板代码 中的 zip 文件内容。

前端开发

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

消息模板.png

支付宝小程序 快速示例·获取会员信息
支付宝小程序 快速示例·支付宝卡包
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }