步骤一:获取模板id
步骤二:页面的 <form/>
组件,属性 report-submit
为 true
时,可以声明为需要发送模板消息,此时点击按钮提交表单可以获取 formId
,用于发送模板消息。或者当用户完成 支付行为,可以获取 prepay_id
用于发送模板消息。
eg:
<form bindsubmit="formSubmit" report-submit="true">
步骤三:调用接口发模板消息(sendTemplateMessage)
请求地址为:
POST https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=ACCESS_TOKEN
access_token获取:请求地址
GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
能看到请求参数是 grant_type ,appid , secret
正常返回数据类型
{"access_token": "ACCESS_TOKEN", "expires_in": 7200}
要注意 access_token有效期目前是两个小时,需要定时刷新
获取到 access_token后就可以调用步骤三接口
请求参数是
var messageDemo = {
touser: openId,//接收者的openId
template_id: '5XXXXXXXXXXXXXX-fpXXXXXXXXXXXX_ki-Ys',//模板消息id,
page: 'pages/index/index',//点击详情时跳转的主页
form_id: formID,//表单提交场景下,为 submit 事件带上的 formId;支付场景下,为本次支付的 prepay_id
data: {//下面的keyword*是设置的模板消息的关键词变量
"keyword1": {
"value": courseName,
"color": "#101010"
},
"keyword2": {
"value": courseAddress,
"color": "#101010"
},
"keyword3": {
"value": courseTime,
"color": "#101010"
}
},
}