微信小程序发送模板消息待付款提醒-微信小程序订单提醒功能-微信小程序订单系统-即速应用

微信小程序发送模板消息待付款提醒-微信小程序订单提醒功能-微信小程序订单系统

浏览量：1826 时间：2020-04-06 来源：kindCoder

首先在公众平台开通模板消息1.
从模板库中搜索选择自己需要的模板消息保存即可以到我的模板里看到对应模板ID此ID要拿来做模板信息发放的依据
2.
后端实现请参照文档：
https://developers.weixin.qq.com/miniprogram/dev/api-backend/templateMessage.send.html3.
大致需要传一下参数：
4.
若由前端实现则需要注意获取openIdsecret等换取access_token发送请求即可具体可参照以下文档：
https://www.cnblogs.com/Smiled/p/8204467.html5.
建议与后端配合由后端跟微信服务器交互前端向后端提供所需参数。（此文章采取此方案）
6.
考虑到一下几点：
7.
第一点：
8.
使用"form/"组件
9.
获得的"formId"只能使用一次
10.
相对适合的通知业务——支付成功或失败后，充值成功、续费成功、挂号成功等被动响应的信息...
11.
第二点：
12.
"prepay_id"只有进行了支付行为才能获得，并且必须支付成功！
13.
一个"prepay_id"可以使用三次
14.
相对适合的通知业务有——后台发货提醒、审核通知、课程开班提醒、拼团成功通知等主动推送的信息...
15.
第三点：
16.
prepay_id使用时的报错信息：
17.
//#如果支付不成功，但是要使用获得的prepay_id，会有如下类似的信息
{"data":{"errcode":41028,"errmsg":"invalidformidhint:[XiZ04574125]"}}18.
//#如果支付成功，使用获得的prepay_id次数超过了三次，会有如下的信息:
{"data":{"errcode":41029,"errmsg":"formidusedcountreachlimithint:[oFN1Aa08963936]"}}19.
故决定采用获取formId的形式来进行发送模板消息，前端进行获取formid的组件封装以便后续使用：
20.
wxml文件如下：
!--components/catchform/catchform.wxml--formclass"catchForm"report-submit"true"bindsubmit"catchSubmit"buttonform-type'submit'class'catchBtn'slot/slot/button/form21.
重写button的样式：可根据个人需要写样式
/*components/catchform/catchform.wxss*/.catchBtn{border:none;text-align:inherit;padding:0;margin:0;line-height:inherit;color:inherit;font-size:inherit;background:transparent;border-radius:0;}.catchBtn::after{border:none;}22.
对事件进行捕获并且获取formId发送到父组件以便进行后续交互
methods:{//点击获取formIdcatchSubmit:function(e){console.log('获取formID:',e.detail.formId);this.triggerEvent("callback",e.detail.formId);}}23.
至此：获取formId组件完成
24.
在具体页面进行调用：
25.
现在json文件中引用组件：
{"usingComponents":{"ow-form":"../../../components/catchform/catchform"}}26.
在具体页面中进行调用：具体样式根据自己的要求进行设置
ow-formclass'form-box'bind:callback"handleBuyPack"viewclass"pay-buybutton-bg{{packData.salebuyOrNot.buy?'hasBuy':''}}"{{packData.salebuyOrNot.buy?'已购买':'立即购买'}}/view/ow-form27.
本例中应用于立即购买代付款时发送提醒
28.
点击按钮的实现方法：（附上支付失败的处理）
29.
模板里跟后端约定的字段如下：
30.
具体字段请查看选中的模板所需有的字段并和后台确定具体的方式。