当订单状态变更时，小程序如何实现消息推送来通知到用户呢。微信开放了一个叫模板消息的功能。
要实现消息推送，分三步走
一、前期配置工作
登录小程序的官方管理后台https://mp.weixin.qq.com/根据自己的需求配置自己的模板消息
二、前端工作
要实现推送消息给用户，就要有推送码，官方API介绍提交一次表单有一次推送机会，完成一次支付行为有三次推送机会（这些机会均在七天后过期）
前端要实现的工作就是收集推送码传给后台，后台将推送码进行存储。有了推送码，在订单状态变更时，后台就能使用推送码进行消息推送通知用户。
那么，前端如何实现呢。
官方API写到：页面的 <form/> 组件，属性report-submit为true时，可以声明为需发模板消息，此时点击按钮提交表单可以获取formId，用于发送模板消息。或者当用户完成支付行为，可以获取prepay_id用于发送模板消息。
这个时候我们可以收集小程序表单的formId（即‘推送码’）
很简单，封装一个收集推送码的方法collectFormIds，和一个上传推送码至后台的方法uploadFormIds。
2.1 collectFormIds:将拿到的formId存储到全局数据formIds中
import wepy from 'wepy'
export function collectFormIds(formId){
let formIds = wepy.$instance.globalData.formIds;
if (!formIds) {
formIds = [];
}
let data = {
formId:formId,
expire:new Date().getTime() + 60480000
};
formIds.push(data);
wepy.$instance.globalData.formIds = formIds;
}2.2 uploadFormIds：检查全局数据formIds是否为空，不是则上传收集到的推送码给后台并清空数组。
注意：global是我自己封装好的通用请求方法。相当于wx.request
export function uploadFormIds(){
let formIds = wepy.$instance.globalData.formIds;
if (formIds.length!=0) {
wepy.$instance.globalData.formIds = [];
return new Promise((resolve, reject) => {
global.post('******',{
formIds:formIds
},function(res){
resolve(res);
},function(err){
resolve(false);
});
});
}
return;
}封装好这两个方法后，接下来的疑问就是在什么地方使用这两个方法。
2.3 找到页面的form组件，将form组件的report-submit属性设置为true，在bindsubmit事件中取到e.detail.formId，将其搜集起来
<form report-submit='true' bindsubmit='bindsubmit'>
...........
<button form-type='submit'>按钮</button>
...........
</form>import {collectFormIds} from '@/global/common'
.....
bindsubmit(e){
.......
collectFormIds(e.detail.formId);
......
}而上传推送码uploadFormIds，可以根据个人需要决定在什么时候调用
2.4 因为我封装了全局通用请求函数global，所以我在get方法中调用。每当有get请求时，都会去检查有没有收集到的推送码，有的话就上传至后台并清空推送码数组，没有收集到的话则不需要上传。
import {uploadFormIds} from './common'
export const global = {
get:function(url,data,successCb,errorCb){
.......
uploadFormIds();
},
post:function(url,data,successCb,errorCb){
...
},
delete:function(url,data,successCb,errorCb){
...
},
put:function(url,data,successCb,errorCb){
...
},
.......
}做好这些工作后，以后只要有表单需要collect就调用collectFormIds（即进行2.3的操作），不需要去管什么时候上传推送码。因为只有页面有get请求都会自动检查是否上传收集到的推送码。
三、后台工作
后台只需要写两个接口
一个存储推送码的接口
一个下发模板消息的接口
至于如何发送模板消息，详情见官方API的发送模板消息教程
注意：小程序模板消息不能滥用哦。
好想涨粉啊 T.T
