微信小程序订阅消息开发指南
<p>2019年10月12日微信开放了小程序订阅消息的功能。按官方的说法，目前的模板消息在实现小程序服务闭环上存在缺陷：</p><blockquote>
<p>1. 部分开发者在用户无预期或未进行服务的情况下发送与用户无关的消息，对用户产生了骚扰；<br>2. 模板消息需在用户访问小程序后的 7 天内下发，不能满足部分业务的时间要求</p>
</blockquote>
<p>模板消息确实存在上述的硬伤，不利于小程序的用户留存和用户体验。为了解决这些问题，微信官方推出了用户订阅消息功能。我在微慕专业版上加了订阅消息的功能，并验证了这个功能。这个功能是否能都达到官方的预期，这个我感觉不那么乐观。这里我先说我的感受：<strong>目前的订阅消息还很不完善，基本是“半成品”，后续还有很大的优化空间。</strong></p>
<p><img src="https://www.watch-life.net/images/2019/11/minapper-1024x573.jpg" sizes="(max-width: 625px) 100vw, 625px" srcset="https://www.watch-life.net/images/2019/11/minapper-1024x573.jpg 1024w, https://www.watch-life.net/images/2019/11/minapper-200x112.jpg 200w, https://www.watch-life.net/images/2019/11/minapper-300x168.jpg 300w, https://www.watch-life.net/images/2019/11/minapper-768x430.jpg 768w, https://www.watch-life.net/images/2019/11/minapper-624x349.jpg 624w, https://www.watch-life.net/images/2019/11/minapper.jpg 1500w" alt="" width="625" height="350" class="aligncenter size-large wp-image-1641"></p>
<p>目前，官方只开放了“一次性订阅消息”，尚未开放“长期性订阅消息”，因此我只尝试了“一次性订阅消息”。</p>
<p><strong>一次性订阅消息</strong>：用于解决用户使用小程序后，后续服务环节的通知问题。用户自主订阅后，开发者可不限时间地下发一条对应的服务消息；每条消息可单独订阅或退订。</p>
<p>订阅消息推送位置：<strong>服务通知</strong><br>订阅消息下发条件：<strong>用户自主订阅</strong><br>订阅消息卡片跳转能力：<strong>点击查看详情可跳转至该小程序的页面</strong></p>
<p>以下我简单说明订阅消息的开发过程和使用体验。</p>
<h2>一.订阅消息的开发</h2>
<p><strong>1.获取订阅消息的模板ID</strong></p>
<p>在微信小程序的管理后台，在左侧“功能”菜单，选择“订阅消息”，然后点击“添加”<br><img src="https://www.watch-life.net/images/2019/11/config-1024x517.png" sizes="(max-width: 625px) 100vw, 625px" srcset="https://www.watch-life.net/images/2019/11/config-1024x517.png 1024w, https://www.watch-life.net/images/2019/11/config-200x101.png 200w, https://www.watch-life.net/images/2019/11/config-300x152.png 300w, https://www.watch-life.net/images/2019/11/config-768x388.png 768w, https://www.watch-life.net/images/2019/11/config-624x315.png 624w, https://www.watch-life.net/images/2019/11/config.png 1352w" alt="" width="625" height="316" class="aligncenter size-large wp-image-1630"></p>
<p>然后选择你需要的消息模板，并配置关键词。<br><img src="https://www.watch-life.net/images/2019/11/config2-1024x505.png" sizes="(max-width: 625px) 100vw, 625px" srcset="https://www.watch-life.net/images/2019/11/config2-1024x505.png 1024w, https://www.watch-life.net/images/2019/11/config2-200x99.png 200w, https://www.watch-life.net/images/2019/11/config2-300x148.png 300w, https://www.watch-life.net/images/2019/11/config2-768x379.png 768w, https://www.watch-life.net/images/2019/11/config2-624x308.png 624w, https://www.watch-life.net/images/2019/11/config2.png 1441w" alt="" width="625" height="308" class="aligncenter size-large wp-image-1631"></p>
<p>配置完成后，如下图所示。<br><img src="https://www.watch-life.net/images/2019/11/config3-1-1024x560.png" sizes="(max-width: 625px) 100vw, 625px" srcset="https://www.watch-life.net/images/2019/11/config3-1-1024x560.png 1024w, https://www.watch-life.net/images/2019/11/config3-1-200x109.png 200w, https://www.watch-life.net/images/2019/11/config3-1-300x164.png 300w, https://www.watch-life.net/images/2019/11/config3-1-768x420.png 768w, https://www.watch-life.net/images/2019/11/config3-1-624x341.png 624w, https://www.watch-life.net/images/2019/11/config3-1.png 1196w" alt="" width="625" height="342" class="aligncenter size-large wp-image-1640"></p>
<p>值得关注的是，在配置好的模板详情页面里的“<strong>详细内容</strong>”很重要，这个就是开发订阅消息时需要遵循的消息格式，这个格式和模板消息有细微的差别</p>
<p>根据微慕小程序的需要，我选用了“新的评论提醒”和“内容更新提醒”这两个消息模版。前者用于提醒发表话题或文章的作者，有新的话题或文章评论，<strong>增强作者与读者之间的交流互动</strong>；后者是提醒订阅用户，小程序有新的文章发布，<strong>引导用户回归小程序</strong>。</p>
<p><strong>订阅消息申请模板的时候，需要选择所属类目，只能选择当前小程序相关的类目模板，对于模板消息不需要选择对应类目。如果删除小程序类目，就会把订阅消息模板一起删除。因此删除类目要小心谨慎。</strong><br><img src="https://www.watch-life.net/images/2019/11/subscribe-message5.png" sizes="(max-width: 329px) 100vw, 329px" srcset="https://www.watch-life.net/images/2019/11/subscribe-message5.png 329w, https://www.watch-life.net/images/2019/11/subscribe-message5-189x150.png 189w, https://www.watch-life.net/images/2019/11/subscribe-message5-300x238.png 300w" alt="" width="329" height="261" class="aligncenter size-full wp-image-1639"></p>
<p><strong>2.触发用户订阅，获取下发的权限</strong><br>触发用户订阅，微信小程序提供的api是： <code>wx.requestSubscribeMessage</code>，用户发生点击行为或者发起支付回调后，才可以调起订阅消息界面。</p>
<p><del datetime="2020-05-18T08:47:09+00:00">注意:微信小程序开发工具尚不支持此功能，在开发工具触发订阅的api，会提示：<br>requestSubscribeMessage:fail 开发者工具暂时不支持此 API 调试，请使用真机进行开发</del></p>
<p>update：2020年5月18日，日前订阅消息已经支持微信小程序开发工具。</p>
<p>调用api的代码示例如下：</p>
<p><code>wx.requestSubscribeMessage({<br>tmplIds: ["模板A","模板B"],<br>success: function (res) {<br>//成功<br>},<br>fail(err) {<br>//失败<br>console.error(err);<br>}<br>})</code></p>
<p>wx.requestSubscribeMessage(Object object) 的回调函数<code>object.success </code>参数有两个：errMsg和TEMPLATE_ID； 接口调用成功时errMsg值为’requestSubscribeMessage:ok’。TEMPLATE_ID是动态的键，即模板id，值包括’accept’、’reject’、’ban’。’accept’表示用户同意订阅该条id对应的模板消息，’reject’表示用户拒绝订阅该条id对应的模板消息，’ban’表示已被后台封禁。例如</p>
<p>{ errMsg: “requestSubscribeMessage:ok”, zun-LzcQyW-edafCVvzPkK4de2Rllr1fFpw2A_x0oXE: “accept”} 表示用户同意订阅zun-LzcQyW-edafCVvzPkK4de2Rllr1fFpw2A_x0oXE这条消息。</p>
<p>个人觉得这个动态键不是特别合理，代码处理起来有些麻烦，如果改成静态键的json格式比较方便处理，例如：<br><code>{<br>errMsg:"requestSubscribeMessage:ok",<br>result: [<br>{ templateId:"zun-LzcQyW-edafCVvzPkK4de2Rllr1fFpw2A_x0oXE",<br>status:"accept"<br>}<br>]<br>}</code></p>
<p>在手机上调用此api方法会调出订阅消息的界面，如下图所示：<br><img src="https://www.watch-life.net/images/2019/11/subscribe-message-box-1024x814.png" sizes="(max-width: 625px) 100vw, 625px" srcset="https://www.watch-life.net/images/2019/11/subscribe-message-box-1024x814.png 1024w, https://www.watch-life.net/images/2019/11/subscribe-message-box-189x150.png 189w, https://www.watch-life.net/images/2019/11/subscribe-message-box-300x239.png 300w, https://www.watch-life.net/images/2019/11/subscribe-message-box-768x611.png 768w, https://www.watch-life.net/images/2019/11/subscribe-message-box-624x496.png 624w, https://www.watch-life.net/images/2019/11/subscribe-message-box.png 1080w" alt="" width="625" height="497" class="aligncenter size-large wp-image-1633"></p>
<p>关于这个订阅消息的授权有几点要注意：</p>
<p>1) 在确认提示框里，如果用户选择“取消”表示拒绝（取消）订阅消息，选择“允许”表示用户订阅一次消息。</p>
<p>2) 如果用户不勾选“总是保持以上选择，不再询问”，那么每次用户触发都会弹出提示框。</p>
<p>3) 如果用户勾选“总是保持以上选择，不再询问”，那么将再也不会唤起这个对话框。同时，如果选择“取消”，那么以后每次调用这个api的时候，都会自动拒绝；如果选择“允许”，那么以后每次调用此api，都会自动允许授权。</p>
<p>目前小程序没有提供获取用户是否授权订阅消息的方法。通过wx.openSetting 方法无法获取用户是否授权消息订阅的信息，scope 列表没有订阅消息的内容。</p>
<p>如果想从自动拒绝转换到自动自动运行，需要打开小程序的设置去配置。设置方法：点击小程序右上角的三个点，打开如下对话框<br><img src="https://www.watch-life.net/images/2019/11/config5-537x1024.jpg" sizes="(max-width: 537px) 100vw, 537px" srcset="https://www.watch-life.net/images/2019/11/config5-537x1024.jpg 537w, https://www.watch-life.net/images/2019/11/config5-79x150.jpg 79w, https://www.watch-life.net/images/2019/11/config5-157x300.jpg 157w, https://www.watch-life.net/images/2019/11/config5-768x1465.jpg 768w, https://www.watch-life.net/images/2019/11/config5-624x1190.jpg 624w, https://www.watch-life.net/images/2019/11/config5.jpg 1080w" alt="" width="537" height="1024" class="aligncenter size-large wp-image-1634"></p>
<p>然后选择“设置”，在设置项里选择“订阅消息”<br><img src="https://www.watch-life.net/images/2019/11/config6-1024x902.png" sizes="(max-width: 625px) 100vw, 625px" srcset="https://www.watch-life.net/images/2019/11/config6-1024x902.png 1024w, https://www.watch-life.net/images/2019/11/config6-170x150.png 170w, https://www.watch-life.net/images/2019/11/config6-300x264.png 300w, https://www.watch-life.net/images/2019/11/config6-768x676.png 768w, https://www.watch-life.net/images/2019/11/config6-624x549.png 624w, https://www.watch-life.net/images/2019/11/config6.png 1080w" alt="" width="625" height="551" class="aligncenter size-large wp-image-1635"></p>
<p><img src="https://www.watch-life.net/images/2019/11/config5-1024x847.png" sizes="(max-width: 625px) 100vw, 625px" srcset="https://www.watch-life.net/images/2019/11/config5-1024x847.png 1024w, https://www.watch-life.net/images/2019/11/config5-181x150.png 181w, https://www.watch-life.net/images/2019/11/config5-300x248.png 300w, https://www.watch-life.net/images/2019/11/config5-768x635.png 768w, https://www.watch-life.net/images/2019/11/config5-624x516.png 624w, https://www.watch-life.net/images/2019/11/config5.png 1080w" alt="" width="625" height="517" class="aligncenter size-large wp-image-1636"></p>
<p>4)对于同一种消息，用户可以订阅多次，订阅多少次，就会收到多少次订阅消息，这个订阅次数是否有上限，官方没有说明，初步判断是不限的。但是，微信不会提供订阅的次数，因此需要在小程序的后端服务里存储用户订阅的次数。因此，我在微慕小程序专业版里，提供了一个给用户多次订阅的设置，并记录用户订阅的次数。</p>
<p><img src="https://www.watch-life.net/images/2019/11/subscribe-message3.png" sizes="(max-width: 614px) 100vw, 614px" srcset="https://www.watch-life.net/images/2019/11/subscribe-message3.png 614w, https://www.watch-life.net/images/2019/11/subscribe-message3-200x99.png 200w, https://www.watch-life.net/images/2019/11/subscribe-message3-300x148.png 300w" alt="" width="614" height="303" class="aligncenter size-full wp-image-1637"></p>
<p>如果用户需要某个消息服务，可以订阅多次，当然也可以在点击“订阅”的对话框里选择“取消”，“取消”一次也就减少一次订阅。</p>
<p>5)对于支付的场景，也需要用户确认是否订阅，这个我觉得不合理，支付后给用户一个订单推送消息应该是刚性需求，不需要再询问一遍用户是否订阅。</p>
<p><strong>2.调用接口下发订阅消息</strong></p>
<p>订阅消息下发的接口是小程序后台服务端调用：subscribeMessage.send，此方法类似下发模板消息的方法，详细调用说明见参考官方的链接：<br>https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/subscribe-message/subscribeMessage.send.html</p>
<p>订阅消息的下发接口方法和模板消息稍有不同,</p>
<p>模板消息的json格式如下<br><code><br>"data": {<br>"keyword1": {<br>"value": "内容1",<br>"color": "#000"<br>},<br>"keyword2": {<br>"value": "内容2",<br>"color": "#000"<br>}<br>}<br></code></p>
<p>而订阅消息的json格式如下：<br><code><br>"data": {<br>"thing1": {<br>"value": "内容"<br>},<br>"number2": {<br>"value": 20<br>}<br></code></p>
<p>订阅消息的字段key是和数据类型有关，value的参数需要严格按照设置的类型提交，如果不按类型提交，会导致发送失败。同时如果是文本型的内容，字数也有限制，超过限制也会发送失败，但具体字数是多少，官方没有给出，同时中英文混合计算的长度也有差异，据我目前测试25个中文字符是可以的。希望官方能给出具体的字符长度限制的明确数字。</p>
<p>如果调用下发的次数大于用户的订阅次数，调用接口下发订阅消息会返回失败。报如下错误</p>
<p><img src="https://www.watch-life.net/images/2019/11/subscribe-message4.png" sizes="(max-width: 443px) 100vw, 443px" srcset="https://www.watch-life.net/images/2019/11/subscribe-message4.png 443w, https://www.watch-life.net/images/2019/11/subscribe-message4-200x16.png 200w, https://www.watch-life.net/images/2019/11/subscribe-message4-300x24.png 300w" alt="" width="443" height="35" class="aligncenter size-full wp-image-1638"></p>
<p><strong>3.订阅消息参数值内容限制说明</strong></p>
<p><img src="https://www.watch-life.net/images/2019/11/dingyue1.png" sizes="(max-width: 975px) 100vw, 975px" srcset="https://www.watch-life.net/images/2019/11/dingyue1.png 975w, https://www.watch-life.net/images/2019/11/dingyue1-200x125.png 200w, https://www.watch-life.net/images/2019/11/dingyue1-300x187.png 300w, https://www.watch-life.net/images/2019/11/dingyue1-768x478.png 768w, https://www.watch-life.net/images/2019/11/dingyue1-624x388.png 624w" alt="" width="975" height="607" class="aligncenter size-full wp-image-1678"></p>
<p><img src="https://www.watch-life.net/images/2019/11/dingyue2.png" sizes="(max-width: 1023px) 100vw, 1023px" srcset="https://www.watch-life.net/images/2019/11/dingyue2.png 1023w, https://www.watch-life.net/images/2019/11/dingyue2-200x137.png 200w, https://www.watch-life.net/images/2019/11/dingyue2-300x206.png 300w, https://www.watch-life.net/images/2019/11/dingyue2-768x527.png 768w, https://www.watch-life.net/images/2019/11/dingyue2-624x428.png 624w" alt="" width="1023" height="702" class="aligncenter size-full wp-image-1679"></p>
<p>符号表示除中文、英文、数字外的常见符号，不能带有换行等控制字符。 时间格式支持HH:MM:SS或者HH:MM。 日期包含年月日，为y年m月d日，y年m月、m月d日格式，或者用‘-’、‘/’、‘.’符号连接，如2018-01-01，2018/01/01，2018.01.01，2018-01，01-01。 每个模板参数都会以类型为前缀，例如第一个数字模板参数为number01.DATA，第二个为number02.DATA</p>
<p>例如，模板的内容为:</p>
<p><code>姓名: {{name01.DATA}}<br>金额: {{amount01.DATA}}<br>行程: {{thing01.DATA}}<br>日期: {{date01.DATA}}</code></p>
<p>则对应的json为</p>
<p><code>{<br>"touser": "OPENID",<br>"template_id": "TEMPLATE_ID",<br>"page": "index",<br>"data": {<br>"name01": {<br>"value": "某某"<br>},<br>"amount01": {<br>"value": "￥100"<br>},<br>"thing01": {<br>"value": "广州至北京"<br>} ,<br>"date01": {<br>"value": "2018-01-01"<br>}<br>}<br>}</code></p>
<h2>二.订阅消息使用心得</h2>
<p>1.订阅消息虽然把订阅的授权的交给了用户，但是也增加了用户使用难度，同时，一次性订阅只能收到一次，操作起来比较繁琐，如果不是刚需用户可能会首次就拒绝了这个服务，要想重新获取授权，需要用户自己打开小程序设置里去配置，颇为麻烦，小程序没有提供更简便的方法去唤起。</p>
<p>2.小程序的服务商为了获得更多给用户发送订阅消息的次数，肯定会想方设法去埋点引诱用户去点击订阅，这种诱导估计也是违规。</p>
<p>3.用户使用门槛和学习比较高，比如某个预约的服务，原来的场景是用户只要有提交表单，小程序就可以推送消息给用户，但是现在需要用户主动去订阅，无形中多了一步，如果用户不熟悉订阅消息或者直接点了“取消”，小程序就没法通知到用户了，用户可能因此错失服务，对商家和用户都是损失。</p>
<p>4.微信小程序将采用订阅消息，并逐步取消模板消息，虽然微信官方试图在方便用户和不打扰用户这两种选择里去寻求平衡，但订阅消息目前的模式恐怕无法达到这个期望，至少在我看来，无论对小程序的服务商，还是小程序的用户，都感到不方便。</p>
<p> </p>
<p>---------------------</p>
<p> </p>
<p>原文链接：https://www.watch-life.net/wechat/subscribe-message.html</p><br><br>
来源：https://www.cnblogs.com/xjb/p/minapper-subscribe-message.html
頁:
[1]