小程序之模版消息通知

手把手教你开发微信小程序之模版消息通知

 

一、模板消息功能概述

模板推送位置：服务通知

模板消息效果展示图：

                                  

进入小程序通知：

                               

二、开发前的配置准备

1、验证token是否有效

 

2、登录 https://mp.weixin.qq.com 设置->开发设置 消息推送

 

3、获取模板ID

登录 https://mp.weixin.qq.com 获取模板，如果没有合适的模板，可以申请添加新模板，审核通过后可使用

 

 

三、功能实现

1、后端参考代码

'openid不能为空！'));exit;
        }
        $form_id = I('get.form_id');
        if ($form_id == '') {
            echo json_encode(array('msg'=>'form_id不能为空！'));exit;
        }
        $title = I('get.title');
        if ($title == '') {
            echo json_encode(array('msg'=>'title不能为空！'));exit;
        }
        $name = I('get.name');
        if ($name == '') {
            echo json_encode(array('msg'=>'name不能为空！'));exit;
        }
        // 引入第三方类库
        Vendor('Wechat.Wechat');
        $wechat = new \Wechat();
        //获取access_token
        $access_token = $wechat->getToken();
        $par['openid'] = $openid;
        $par['template_id'] = 'vZi5ACIo8-rAbXxPAEmsQwyF4WCu37JM-0a6tnamcI0';
        $par['form_id'] = $form_id;
        $par['data'] = array(
            "keyword1"=>array("value"=>$title,"color"=>"#173177"),
            "keyword2"=>array("value"=>$name,"color"=>"#173177"),
        );
        $send_template = $wechat->send_template($access_token,$par);
    }
?>

2、前端参考代码

JS：

  // 发送消息模板
  messge: function(e){
    var form_id = e.detail.formId;
    wx.request({
      url: 'https://www.xxxx.cn/admin/wechat/sendMessage', //仅为示例，并非真实的接口地址
      data: {
        openid:'oAsSe4tJaMhMqkT9u5xQ61kMLIY0',
        title: '这是一个标题名123',
        name: '张三',
        form_id:form_id,
      },
      method:'GET',
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log(res)
      }
    })
  }

WXML：

     发送消息模板 

效果图：

最后

---

如何大家看了文章还有不懂或者其他问题，欢迎私信我或者评论

欢迎来CSDN关注我，喜欢作者支持一下