微信小程序模板消息推送的兩種實(shí)現(xiàn)方式

最近在做微信小程序，為了讓用戶能更加方便的獲取到小程序內(nèi)部的通知，便想著用模板消息來解決此類問題。首先介紹一下兩種方法

第一種是傳統(tǒng)的按照微信開發(fā)文檔來實(shí)現(xiàn)模板消息的獲取，首先要明確的是你要有一個(gè)第三方的服務(wù)器，因?yàn)槲⑿努F(xiàn)在規(guī)定在小程序內(nèi)部不能直接請(qǐng)求微信的服務(wù)器，而是要請(qǐng)求第三方服務(wù)器，由第三方服務(wù)器來請(qǐng)求微信的服務(wù)器

1.傳統(tǒng)方式實(shí)現(xiàn)模板消息

1.1獲取用戶openId

這一步可以在wx.login方法內(nèi)獲取，用來標(biāo)注模板消息的接受者

1.2獲取模板ID

有兩個(gè)方法可以獲取模版ID

通過模版消息管理接口獲取模版ID（在微信公眾平臺(tái)手動(dòng)配置獲取模版ID登錄https://mp.weixin.qq.com 獲取模板，如果沒有合適的模板，可以申請(qǐng)?zhí)砑有履０?，審核通過后可使用

1.3獲取access_token

access_token 是全局唯一接口調(diào)用憑據(jù)，開發(fā)者調(diào)用各接口時(shí)都需使用 access_token，請(qǐng)妥善保存。access_token 的存儲(chǔ)至少要保留512個(gè)字符空間。access_token 的有效期目前為2個(gè)小時(shí)，需定時(shí)刷新，重復(fù)獲取將導(dǎo)致上次獲取的 access_token 失效。

公眾平臺(tái)的 API 調(diào)用所需的 access_token 的使用及生成方式說明：

• 為了保密 appsecrect，第三方需要一個(gè) access_token 獲取和刷新的中控服務(wù)器。而其他業(yè)務(wù)邏輯服務(wù)器所使用的 access_token 均來自于該中控服務(wù)器，不應(yīng)該各自去刷新，否則會(huì)造成 access_token 覆蓋而影響業(yè)務(wù)；
• 目前 access_token 的有效期通過返回的 expires_in 來傳達(dá)，目前是7200秒之內(nèi)的值。中控服務(wù)器需要根據(jù)這個(gè)有效時(shí)間提前去刷新新 access_token。在刷新過程中，中控服務(wù)器對(duì)外輸出的依然是老 access_token，此時(shí)公眾平臺(tái)后臺(tái)會(huì)保證在刷新短時(shí)間內(nèi)，新老 access_token 都可用，這保證了第三方業(yè)務(wù)的平滑過渡；
• access_token 的有效時(shí)間可能會(huì)在未來有調(diào)整，所以中控服務(wù)器不僅需要內(nèi)部定時(shí)主動(dòng)刷新，還需要提供被動(dòng)刷新 access_token 的接口，這樣便于業(yè)務(wù)服務(wù)器在 API 調(diào)用獲知 access_token 已超時(shí)的情況下，可以觸發(fā) access_token 的刷新流程。

開發(fā)者可以使用 AppID 和 AppSecret 調(diào)用本接口來獲取 access_token。AppID 和 AppSecret 可登錄微信公眾平臺(tái)官網(wǎng)-設(shè)置-開發(fā)設(shè)置中獲得（需要已經(jīng)綁定成為開發(fā)者，且?guī)ぬ?hào)沒有異常狀態(tài)）。AppSecret 生成后請(qǐng)自行保存，因?yàn)樵诠娖脚_(tái)每次生成查看都會(huì)導(dǎo)致 AppSecret 被重置。注意調(diào)用所有微信接口時(shí)均需使用 https 協(xié)議。如果第三方不使用中控服務(wù)器，而是選擇各個(gè)業(yè)務(wù)邏輯點(diǎn)各自去刷新 access_token，那么就可能會(huì)產(chǎn)生沖突，導(dǎo)致服務(wù)不穩(wěn)定。

以上內(nèi)容是微信開發(fā)文檔給出的access_token的說明，總的來說就是兩點(diǎn)，（1）access_token是發(fā)送模板消息的憑證，需要用微信小程序的AppID 和AppSecret 調(diào)用接口來獲取，有效時(shí)間為2小時(shí)，（2）如果在此獲取access_token則會(huì)導(dǎo)致前一個(gè)access_token失效，有多個(gè)公眾號(hào)和小程序的開發(fā)者一定要注意這一點(diǎn)！

接口地址：

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

HTTP請(qǐng)求方式:

GET

參數(shù)說明 :

代碼：

function onRequest(request, response, modules) {
var http = modules.oHttp;
//發(fā)起Get請(qǐng)求
http('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=XXX&secret=XXX', function (error, res, body) {
    response.send(body);
});
} 

返回結(jié)果：

Response Body
        {
        "code": 200,
        "msg":
        {"access_token":"6_R8kOFxRLeRtWOq_haIU29XB0hbAoKxFGRqQTZt_HhzCSEvT_xDJ4WLgf9A_dt2pRTCugfUk7IkxR2sfu5zckCwKKWEghCtqlrrQlhdJmCxmkBAaDEdW7AU98D23rUJO5PYruNYOLQ3cpH3iAVTNiADAECW","expires_in":7200}
        }

1.4發(fā)送模板消息

接口地址：(ACCESS_TOKEN 需換成上文獲取到的 access_token)

https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=ACCESS_TOKEN

HTTP請(qǐng)求方式：

POST

POST參數(shù)說明：

formid說明：頁面的 <form/> 組件，屬性report-submit為true時(shí)，可以聲明為需發(fā)模板消息，此時(shí)點(diǎn)擊按鈕提交表單可以獲取formId代碼:

var temp = {
"touser": touser,//用戶的openid
"template_id": template_id,//模板id
"page": "",
"form_id": formid,//表單id
"data": {
"keyword1": {
"value": title,
"color": "#173177"
},
"keyword2": {
"value": gettime()
},
},
"emphasis_keyword": "keyword1.DATA" //將keyword1放大
}

1.5測試效果

2.基于Bmob后端云的模板消息實(shí)現(xiàn)

第一種方法實(shí)現(xiàn)起來過于繁瑣，在使用過程中也要中間服務(wù)器的幫助，如果沒有中間服務(wù)器，或者服務(wù)器端的代碼不太熟悉，那么Bmob后端云則可以幫助你實(shí)現(xiàn)你要的功能

只需要下載按照官網(wǎng)文檔在小程序內(nèi)初始化好Bmob，那么就可以調(diào)用Bmob模板消息的方法，如下所示

function send(title, formid, touser){
 var Bmob = require('bmob.js');
 var temp = {
 "touser": touser,
 "template_id": "ClYq9lc8bZh36uM993NNIknasAVBdk0wSYnDrkClK40",
 "page": "",
 "form_id": formid,
 "data": {
  "keyword1": {
  "value": title,
  "color": "#173177"
  },
  "keyword2": {
  "value": gettime()
  },
 
 },
 "emphasis_keyword": "keyword1.DATA"
 }
 
 Bmob.sendMessage(temp).then(function (obj) {
 console.log('發(fā)送成功');
 },
 function (err) {
  common.showTip('失敗' + err)
 });
}

這樣模板消息就解決了

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。