微信小程式開發之formId使用(模板訊息)
阿新 • • 發佈:2019-02-08
基於微信小程式的模板訊息
下發條件:使用者本人在微信體系內與頁面有互動行為後觸發
1. 使用說明
1.1 獲取模板id
- 頁面的
<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);
}