微信小程序之发送模板消息(通过openid推送消息给用户)
?
一、獲取access_token?
access_token是接口調用的憑證,目前有效期為兩個小時,需要定時刷新,重復獲取將導致上次獲取的access_token失效。(注:不建議每次調用需要access_token的接口,都去重新獲取access_token,會導致失敗)?
獲取access_token的接口地址:
返回參數格式:
{"access_token": "ACCESS_TOKEN", "expires_in": 7200}二、發送模板消息?
先在微信公眾平臺選用怒需要的模板id,例如?
選用模板消息:
選用的是購買成功的模板,關鍵字可以自己定義順序,如果不符合你的情況,還可以自定義關鍵字?
選用好了之后,可以在我的模板中查看。然后將其模板id復制過來。?
類似于這樣 : _CfGS7SqVyNPg9Op8OXzMp6aOl7X9rCkrRfiMcccms8
發送模板的消息接口地址:
https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=ACCESS_TOKEN參數:?
touser (必填) 接收者(用戶)的 openid?
template_id (必填) 所需下發的模板消息的id?
page (可選) 點擊模板卡片后的跳轉頁面,僅限本小程序內的頁面。支持帶參數,(示例index?foo=bar)。該字段不填則模板無跳轉。?
form_id (必填) 表單提交場景下,為 submit 事件帶上的 formId;支付場景下,為本次支付的 prepay_id?
data (必填) 模板內容,不填則下發空模板?
color (可選) 模板內容字體的顏色,不填默認黑色?
emphasis_keyword (可選) 模板需要放大的關鍵詞,不填則默認無放大
例如
html<form bind:submit="testSubmit" report-submit="true"> <button formType="submit">發送模板消息</button> </form>?
js
testSubmit:function(e){var self= this; let _access_token = '5_E1pZJQzTC-lC0r-JJz9wVAZv5Zv22CNtmV_7C1T0sqC9TV7mGE4FTmDX2B0PVM4LaGtaTfXwzfJLnD7fDKTg8DOICJNkKBQgn_Ot2zYmBJyY1g1VXoBNdtwUE0QaP8_9tWlbR-Zq7L1OyrrPKCIjAEAOGM'; let url='https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=' _access_token ; let _jsonData = { access_token: _access_token, touser: openid, template_id: '_CfGS7SqVyNPg9Op8OXzMp6aOl7X9rCkrRfiMcccms8', form_id: e.detail.formId, page: "pages/index/index", data: { "keyword1": { "value": "測試數據一", "color": "#173177" }, "keyword2": { "value": "測試數據二", "color": "#173177" }, "keyword3": { "value": "測試數據三", "color": "#173177" }, "keyword4": { "value": "測試數據四", "color": "#173177" }, } } wx.request({ url: url, data: data, method: method, success: function (res) { console.log(res) }, fail: function (err) { console.log('request fail ', err); }, complete: function (res) { console.log("request completed!"); } })結果:?
類似于這種?
?
更多專業前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的微信小程序之发送模板消息(通过openid推送消息给用户)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 配置安全域名https申请免费证书并配置
- 下一篇: js 动态绑定事件 on click 完