【微信小程序】模板消息推送（测试成功）。

最新推荐文章于 2025-04-09 08:30:00 发布

Alan • Lee

最新推荐文章于 2025-04-09 08:30:00 发布

阅读量9.3k

点赞数 10

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq1445654576/article/details/89298457

版权

本文记录了作者在实现微信小程序模板消息推送过程中遇到的问题和解决方案。首先，强调了网上教程的不完善导致的困扰，然后提到了配置服务器域名和消息服务器推送配置的重要性，并链接到前一篇博客。接着，描述了如何勾选开发工具中的相关选项，最终参考某篇文章成功实现模板消息推送。文章附带了相关代码文件（template-message.wxml, template-message.js, app.js）并总结了实现所需的关键要素（AppID, AppSecret, formId, openid, access_token, template_id）。" 47007477,1087472,Tomcat配置SSL：Windows与Linux实战指南,"['网络安全', 'SSL', 'Tomcat配置']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

note：
这几天想做微信小程序消息推送的功能，然后在网上找了好多教程，都没解决问题，官方文档写的教程由不够详细，所以走了好多弯路。
现在问题解决了，记录一下。
我在网上找的好多教程都不详细，虽然是贴代码出来了，但是好多都不说清楚是哪个文件的代码，真的很无语。

实现消息推送，需要先配置服务器域名、消息服务器推送配置。
请看我上一篇博客。
【微信小程序】消息推送服务器配置及服务器域名配置（记录坑）
https://blog.youkuaiyun.com/qq1445654576/article/details/89296942

配置好服务器域名后在开发工具中把 不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书选项勾上
在这里插入图片描述

今天上午参考了这篇文章，终于实现了模板消息推送的功能。开心。
https://www.cnblogs.com/Smiled/p/8204467.html

下面是我写的：
首先看效果吧
在这里插入图片描述

首先的要添加消息模板，这里我随便选一个为例
在这里插入图片描述

这样就选好消息模板了。

这里贴代码：
在这里插入图片描述
template-message.wxml

<form name='pushMsgFm' report-submit="true" bindsubmit='template_Msg'>  
    <button form-type="submit" type='primary'>发送模板消息</button>  
</form>

template-message.js

Page({
   

  /**
   * 页面的初始数据
   */
  data: {
   
    openid: "", //（这个不要改）这里为空值，待获取到openid时，会给它重新赋值.openid在app.js中获取
    token: "",

    //要推送的内容
    push_content_data: [
      //keyword1
      {
   
        value: "17软件工程A班",
        color: "#4a4a4a"
      },
      //keyword2
      {
   
        "value": "软件工程导论",
        "color": "#9b9b9b"
      },
      //keyword3
      {
   
        "value": "P48 第5题",
        "color": "#9b9b9b"
      },
      //keyword4
      {
   
        "value": "2019-04-17 10:00:00",
        "color": "#9b9b9b"
      },
      //keyword5
      {
   
        "value": "今天你交作业了吗？ 别忘了，当初为何出发",
        "color": "#9b9b9b"
      }
    ]

  },

  //发送模板消息
  template_Msg: function(e) {
   
    wx.showLoading({

最低0.47元/天解锁文章