关闭

微信小程序之发送模板消息(通过openid推送消息给用户)

标签: 微信
2684人阅读 评论(0) 收藏 举报
分类:

一、获取access_token
access_token是接口调用的凭证,目前有效期为两个小时,需要定时刷新,重复获取将导致上次获取的access_token失效。(注:不建议每次调用需要access_token的接口,都去重新获取access_token,会导致失败)
获取access_token的接口地址:

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

返回参数格式:

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

二、发送模板消息
先在微信公众平台选用怒需要的模板id,例如
选用模板消息:

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

选用的是购买成功的模板,关键字可以自己定义顺序,如果不符合你的情况,还可以自定义关键字
这里写图片描述

选用好了之后,可以在我的模板中查看。然后将其模板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!");
        }

 })

结果:
类似于这种
这里写图片描述

0
0
查看评论

微信小程序实例:创建下发模板消息实例

鉴于目前网络上都还找不到小程序下发模板消息的相关资源,在多次阅读了官方文档今天终于把小程序的模版消息给测通了,接下来介绍在不使用服务器的情况下,前端开发人员在本地怎么测试模板消息的发送。 1、在微信公众平台-小程序的模板中心先申请一个下发模板消息 2、根据文档提及的模板消息做法分...
  • eadio
  • eadio
  • 2016-12-13 15:45
  • 29866

10、发送模板消息

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1433751277模板消息仅用于公众号向用户发送重要的服务通知,只能用于符合其要求的服务场景中,如信用卡刷卡通知,商品购买成功通知等。不支持广告等营销类消息以及其它所有可能对用户造...
  • qq_27153901
  • qq_27153901
  • 2018-01-04 13:34
  • 78

微信小程序开发之formId使用(模板消息)

基于微信小程序的模板消息
  • qq_38125123
  • qq_38125123
  • 2017-07-11 10:27
  • 5866

微信小程序模板消息无限制群发

微信小程序模板消息无限制群发
  • qq_38125123
  • qq_38125123
  • 2017-07-10 11:35
  • 18576

微信小程序--消息推送配置Token令牌错误校验失败如何解决

http://www.wxapp-union.com/article-2771-1.html?utm_source=QQqun 消息推送配置Token令牌错误@Author GQ 2017年07月26日 本想在微信小程序中接入上传图片到阿里云功能,小程序中查询很多资料还是没能将图片转成流上...
  • llixiangjian
  • llixiangjian
  • 2017-07-28 09:57
  • 6780

微信小程序模板消息demo

  • 2017-06-02 16:03
  • 10KB
  • 下载

[微信小程序]消息推送配置Token令牌错误校验失败

[微信小程序]消息推送配置Token令牌错误@Author GQ 2017年07月26日 本想在微信小程序中接入上传图片到阿里云功能,小程序中查询很多资料还是没能将图片转成流上传, 所以无奈只能借助小程序官方API中客服转发功能上传素材间接实现:1.将小程序选择的照片上传至微信临时服务器并返回图片...
  • baidu_25797177
  • baidu_25797177
  • 2017-07-27 11:44
  • 4097

微信小程序-消息提示框实例

做Android的时候对toast是很熟悉的.微信小程序开发中toast也是重要的消息提示方式. 提示框: wx.showToast(OBJECT) 显示消息提示框 OBJECT参数说明: 示例代码: wx.showToast({ title: '成功...
  • zgmu
  • zgmu
  • 2016-12-02 15:25
  • 17068

【微信小程序】微信小程序掉进的坑之模板消息

分享在做微信小程序时遇到的坑
  • GO_D_OG
  • GO_D_OG
  • 2017-07-20 00:02
  • 5578

微信小程序,公众号发送模板消息(java)

原文:http://www.aichengxu.com/java/4357322.htm 1.封装微信模板消息类: public class WxTemplate { private String template_id; private String touser; private...
  • u013042707
  • u013042707
  • 2017-11-30 13:38
  • 1119
    个人资料
    • 访问:72540次
    • 积分:912
    • 等级:
    • 排名:千里之外
    • 原创:34篇
    • 转载:2篇
    • 译文:0篇
    • 评论:35条
    文章分类
    最新评论