最近公司項目需要做一個活動，活動的服務通知，對小程序的模板消息了解了一下! 模板消息的實現，前端主要是提供幾個參數給後臺就好了。因為，無法把https://api.weixin.qq.com這個域名添加到小程序的請求域名。這裏是設置了不校驗域名。、

　　1.首先小程序後臺的模板消息添加一個模板!

　　2.wxml

<form bind:submit="submitTest" report-submit="true">
    <button form-type="submit">發送模板消息</button>
 </form>

　　3.js

這裏需要獲取一下用appId和appSecret來access_token，因為小程序後臺無法將https://api.weixin.qq.com添加到請求域名，所以這用微信公眾平臺接口調試工具來獲取access_token(工具連接：https://mp.csdn.net/mdeditor/82023258)。因為小程序無法把這個域名添加到請求域名。所以，這個服務通知前端無法單純在前端完成，前端只需把幾個參數傳給後臺即可。

submitTest(e) {
    let formId      = e.detail.formId; //formId在真機上才能獲取，在調試的時候是獲取不到的
    let accessToken =‘13_wy3mLrXbDItlu4AT0PQUhA-wO-pqFt-nS-GCIEYizk2wQQFV2tRUehfq03t9xJ4OnuC6rGeTXAnENbCmLtNw0g9z0cMjwgXSoK8BYeofKYcrJF0JsC3SsaHkfRINLJfAEAQOM‘; //access_token，
    let data   = {
      touser      : ‘oTxfW5UOToEnB1bCWFjDH8Gli1U‘ ,         //openid
      template_id : ‘4SkTGWvf9mk8-VcXWzcKDyeiI1ZDzzS-Q8CFMUnsZX0‘, //小程序後臺的模板ID
      form_id     : formId,
      page        : ‘pages/index/index‘,
      data        : {   //模板的數據
        "keyword1": {
          "value": "June"
        },
        "keyword2": {
          "value": getNowtime.formatTime(new Date()),   //貌似好像記得模板我選了個活動的時間
        },
        "keyword3": {
          "value": getNowtime.formatTime(new Date())
        },
        "keyword4": {
          "value": "忘記了模板是啥，隨便填吧"
        },
        "keyword4": {
          "value": "忘記了模板是啥，隨便填吧"
        },
      },
      emphasis_keyword: ‘keyword1.DATA‘
    };


    wx.request({
      url    : `https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=${accessToken}`,
      data   : data,
      method : ‘POST‘,
      success(res) {
        console.log(‘成功‘, res);
      },
      fail(err) {
        console.log(‘失敗 ‘, err);
      }

    })

  },

end

小程序模板消息使用