html5给微信用户推送消息,微信小程序之发送模板消息（经过openid推送消息给用户）...

1、获取access_token

access_token是接口调用的凭证，目前有效期为两个小时，须要定时刷新，重复获取将致使上次获取的access_token失效。(注：不建议每次调用须要access_token的接口，都去从新获取access_token，会致使失败)

获取access_token的接口地址：html

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

返回参数格式：web

{"access_token": "ACCESS_TOKEN", "expires_in": 7200}

2、发送模板消息

先在微信公众平台选用怒须要的模板id,例如

选用模板消息：json

https://mp.weixin.qq.com/wxopen/tmplmsg?action=self_list&token=264012870&lang=zh_CN

选用的是购买成功的模板，关键字能够本身定义顺序，若是不符合你的状况，还能够自定义关键字小程序

选用好了以后，能够在个人模板中查看。而后将其模板id复制过来。

相似于这样 ： _CfGS7SqVyNPg9Op8OXzMp6aOl7X9rCkrRfiMcccms8api

发送模板的消息接口地址：微信

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 (可选) 模板须要放大的关键词，不填则默认无放大app

例如

html微信公众平台

发送模板消息

jssvg

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!");

}

})

结果：

相似于这种