小程序发送模板消息

最新推荐文章于 2023-12-29 10:08:28 发布

原创最新推荐文章于 2023-12-29 10:08:28 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #模板消息

本文详细介绍了微信小程序中模板消息的发送流程，包括获取模板id、通过form组件报告提交行为获得formId，以及如何利用access_token调用接口发送模板消息。文章还提供了代码示例，帮助开发者快速上手。

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

步骤一：获取模板id

步骤二：页面的 <form/> 组件，属性 report-submit 为 true 时，可以声明为需要发送模板消息，此时点击按钮提交表单可以获取 formId，用于发送模板消息。或者当用户完成支付行为，可以获取 prepay_id 用于发送模板消息。

eg:
<form bindsubmit="formSubmit"  report-submit="true">

步骤三：调用接口发模板消息（sendTemplateMessage）

请求地址为：

POST https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=ACCESS_TOKEN

access_token获取：请求地址

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

能看到请求参数是 grant_type ，appid , secret

正常返回数据类型

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

要注意 access_token有效期目前是两个小时，需要定时刷新

获取到 access_token后就可以调用步骤三接口

请求参数是

 var messageDemo = {
                  touser: openId,//接收者的openId
                  template_id: '5XXXXXXXXXXXXXX-fpXXXXXXXXXXXX_ki-Ys',//模板消息id，  
                  page: 'pages/index/index',//点击详情时跳转的主页
                  form_id: formID,//表单提交场景下，为 submit 事件带上的 formId；支付场景下，为本次支付的 prepay_id
                  data: {//下面的keyword*是设置的模板消息的关键词变量  
                    "keyword1": {
                      "value": courseName,
                      "color": "#101010"
                    },
                    "keyword2": {
                      "value": courseAddress,
                      "color": "#101010"
                    },
                    "keyword3": {
                      "value": courseTime,
                      "color": "#101010"
                    }
                  },
                }