1. 程式人生 > >微信小程式開發之formId使用(模板訊息)

微信小程式開發之formId使用(模板訊息)

基於微信小程式的模板訊息
下發條件:使用者本人在微信體系內與頁面有互動行為後觸發

1. 使用說明

1.1 獲取模板id

  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_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);
}