这篇文章主要介绍小程序怎样实现模板消息发送的功能 ，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
创新互联建站是一家专注于网站设计、做网站与策划设计,柳州网站建设哪家好?创新互联建站做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:柳州等地区。柳州做网站价格咨询:13518219792
小程序中为了体现友好交互，是不可能会少掉消息通知的，纳闷我们该如何实现模板消息发送
背景
- 小程序开发的过程中，绝大多数会满足微信支付
- 那么，作为友好交互的体现，自然就会考虑到支付后的消息通知咯
- 所以，我的小程序项目也要求完成这个效果，so.分享一下自己的实现步骤，以方便道友们少踩点坑...
1、微信网页版、公众号的消息提醒
要求用户必须 "关注商家公众号"，才支持消息的接收
并且还有个奇怪的毛病：如果近期内未与该公众号有所交流，依然收不到消息提醒
再者，消息的样式需代码进行自定义(麻烦)2. 微信小程序，可支持"服务通知"
只需配置好自己的 "模板消息"，通过获取用户的 "openid" 即可进行来自微信服务的消息
通知的样式，可在小程序的管理后台进行选取，预览(人性化)
前期准备
实现步骤
此处，主要以
组件形式的实现为例，对于prepay_id 的实现请参考文末的 附录
1. 小程序端的要求
语境：微信支付成功后，对用户发送一条"订单支付成功通知"的模板消息
第一步：以我的代码实现为例，首先需要对我的
组件进行需发模板消息的声明，即设置属性 report-submit="true"
第二步：对应的 pages/cart/payment.js代码中，编写的提交代码，以及对 event参数打印的结果则为：
注意：截图部分只是为了，获取并保存我们需要的 formId，
第三步：request 调用发送消息通知的方法
此处，直接提供上述截图中 pages/cart/payment.js 所需要用到的两个核心方法
/**
* 微信支付成功后的 消息模板的发送
*/
sendTemplatePaySuccess: function() {
var self = this;
var postData = {
sn: self.data.order_sn,
form_id: self.data.formId
};
self.http_post('https://xxx.com/wx/sendTemplatePaySuccess', postData, (data) => {
wx.navigateTo({
url: '/pages/cart/results/index?status=1&type=pay&orderInfo=' + JSON.stringify(self.data.orderInfo),
});
})
}, /**
* 封装 http 函数，默认‘GET’ 提交
*/
http_post:function(toUrl, postData, httpCallBack) {
wx.request({
url: toUrl,
data: postData,
method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: { 'content-type': 'application/x-www-form-urlencoded;charset=utf-8',
},
success: function (res) { //回调处理
return typeof httpCallBack == "function" && httpCallBack(res.data);
},
fail: function (error) {
console.log(error);
}
})
},2. 服务端代码配置
3. 运行测试
①. 首先，要 特别注意一点，不可以使用 微信开发者工具进行测试，不然会有如下报错：
可参考道友解释： 小程序 表单 formId 为 the formId is a mock one
②. 并且，如果已经发送过一次模板消息，会有如下提示信息：
//#这说明，你的formid 已经用过了，系统要求只能使用一次！！
！{
"status":0,"result":"sendTemplatePaySuccess Failed!", "data":
{
"errcode":41029,"errmsg":"form id used count reach limit hint: [9mUwja01342277]"
}
}4.附录
A. 补充信息
开发文档中有这样一句话：
值得注意：
第一点：
使用 "
" 组件
获得的 "formId" 只能使用一次
相对适合的通知业务 —— 支付成功或失败后，充值成功、 续费成功、挂号成功等被动响应的信息...第二点： "prepay_id" 只有进行了支付行为才能获得，并且必须支付成功！
一个 "prepay_id" 可以使用三次
相对适合的通知业务有 —— 后台发货提醒、审核通知、课程开班提醒、拼团成功通知等主动推送的信息...第三点：
prepay_id 使用时的报错信息：
//# 如果支付不成功，但是要使用获得的 prepay_id，会有如下类似的信息
{"data":
{"errcode":41028,"errmsg":"invalid form id hint: [XiZ04574125]"}
}
//# 如果支付成功，使用获得的 prepay_id 次数超过了三次，会有如下的信息:
{"data":
{"errcode":41029,"errmsg":"form id used count reach limit hint: [oFN1Aa08963936]"}
}
B. 后台发货通知的设计思路
1. 首先，我们在数据表设计时，对于订单表需要有一个存储微信支付后 "prepay_id"的存储字段
2. 进行微信支付时，将生成的 "prepay_id" 存到数据表中
3. 当对已支付订单进行后台发货操作时，调用的通知模板，使用前面数据表中的 "prepay_id" 数据
4. 其他的服务端代码设计 同上文中的 "sendTemplatePaySuccess()" 方法
C. 使用真机测试，顺利运行的效果为：
D. Access_Token 建议
官方文档 - 获取 access_token
代码中，所必须涉及到的业务 —— access_token 的获取，请参考文档介绍，进行定时刷新，以避免不必要的资源请求
个人的思路就是，创建数据表字段，根据其返回的时长 expires_in，在失效前保存数据 access_token
可根据自己的实际需求，优化小编提供的 opGetAccessToken() 方法！
有一点，或许很多人不多加注意：
当项目已上线，如果你线下依旧测试使用了获取 "access_token" 的操作，这会影响线上服务的！
因为，一旦重新获取了 "access_token" 信息，微信服务器便会在短时间内，对之前的 "access_token" 进行失效处理
建议，可以考虑在线下直接使用线上获得的 "access_token"，不要随意去刷新请求获取，影响大局就尴尬了...
以上是“小程序怎样实现模板消息发送的功能 ”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！
名称栏目：小程序怎样实现模板消息发送的功能
网页地址：
http://cdkjz.cn/article/ggdsoj.html
