微信小程序开发之formId使用(模板消息)
基于微信小程序的模板消息
下发条件:用户本人在微信体系内与页面有交互行为后触发
1. 使用说明
1.1 获取模板id
登录https://mp.weixin.qq.com获取模板,如果没有合适的模板,可以申请添加新模板,审核通过后可使用
- 页面的
<form/>
组件,属性 report-submit 为 true 时,可以声明为需发模板消息,此时点击按钮提交表单可以获取 formId,用于发送模板消息。或者当用户完成支付行为,可以获取 prepay_id 用于发送模板消息。 - 调用接口下发模板消息
1.2 获取 access_token
access_token 是全局唯一接口调用凭据,开发者调用各接口时都需使用 access_token,此处获取 access_token 以备后面用于发送模板消息
接口地址:
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
HTTP请求方式:
GET
1.3 发送模板消息
接口地址:(ACCESS_TOKEN 需换成上文获取到的 access_token)
https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=ACCESS_TOKEN
HTTP请求方式:
POST
2. 使用案例
场景描述:前台获取 formId 送至后台,由后台实现模板消息的发送。(此处由于 formId 只能由用户触发表单提交操作产生,故前台需要将每次产生的formId发送至后台,由后台保存并在适当时候调用微信接口向用户发送模板消息)
代码实现:
//example.wxml
<form bindsubmit="submitInfo" report-submit='true' >
<button form-type="submit" type="default" size="mini">提交</button>
</form>
//example.js
submitInfo: function (e) {
console.log(e.detail.formId);
}