微信小程序開發之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_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);
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM