微信小程序开发之formId使用(模板消息)

因微信小序的模板消息
下发条件:用户自己在微信体系内与页面有相互行为后点

1. 以说明

1.1 获取模板id

登录https://mp.weixin.qq.com获取模板,如果没有合适的模板,可以申请添加新模板,审核通过后可使用

  1. 页面的 <form/> 组件,属性 report-submit 为 true
    时,可以声明也需发模板消息,此时点击按钮提交表单可以拿走
    formId,用于发送模板消息。或者当用户就支付行为,可以获得
    prepay_id 用于发送模板消息。
  2. 调用接口下发模板消息

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地址:(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);
}

相关文章