一文搞懂：微信公众号如何给小程序发消息？

2023-01-13 19:31:39

微信公众号与小程序交互：实现公众号向小程序发送消息

如今，企业和组织广泛使用微信公众号和小程序来与客户互动和提供服务。将公众号与小程序相结合，企业可以实现更多样化的功能，例如向小程序用户发送消息和通知。本文将详细介绍如何实现微信公众号向小程序发送消息的步骤，并提供代码示例和常见问题解答，帮助您轻松掌握这项技术。

注册和认证公众号和小程序

第一步是注册并认证您的微信公众号和小程序。具体步骤如下：

注册并认证微信公众号： 登录微信公众平台网站，选择注册类型，填写信息并提交申请，等待审核。通过后，进行公众号认证。
注册并认证微信小程序： 登录微信开放平台网站，创建小程序，填写信息并提交申请，等待审核。通过后，进行小程序认证。

绑定公众号与小程序

注册和认证完成后，需要在微信开放平台中绑定您的公众号和小程序。

登录微信开放平台网站，点击“管理中心”。
在左侧菜单中选择“关联关系”，点击“添加关联关系”。
选择“公众号”和“小程序”，输入公众号和小程序的AppID，点击“确认”。

选择消息模板

在公众号中选择您想要发送的消息模板。

登录微信公众平台网站，点击“消息管理”。
在左侧菜单中选择“模板消息”。
选择想要发送的消息模板，点击“编辑模板”，填写相关信息，点击“保存”。

小程序接收消息

在小程序中，需要编写代码接收公众号发送的消息。

在小程序项目中打开“app.js”文件，添加如下代码：

wx.onMessage(function(res) {
  console.log(res.message);
});

在小程序项目的相关页面中，发送模板消息的代码示例如下：

wx.request({
  url: 'https://api.weixin.qq.com/cgi-bin/message/template/send',
  method: 'POST',
  data: {
    touser: 'OPENID',
    template_id: 'TEMPLATE_ID',
    data: {
      first: {
        value: '您好，您有新的消息。'
      },
      keyword1: {
        value: '订单号：1234567890'
      },
      keyword2: {
        value: '商品名称：iPhone X'
      },
      keyword3: {
        value: '金额：100.00元'
      },
      remark: {
        value: '感谢您的购买。'
      }
    }
  },
  success: function(res) {
    console.log(res.data);
  }
});