业务需要，商城类小程序，要在用户下单支付成功后，推送消息通知用户。首先想到的是小程序模板消息，微信公众号模板消息已经用过很多了，小程序模板消息确是第一次做。

前端框架：uniapp

1. 小程序模板消息 

    参考https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/template-message.html

小程序模板消息在2020年已经改版了，现在推送模板消息都会推送到服务通知里面，如下图

但是其是指还是模板消息。

2. 创建模板消息

登录微信小程序管理平台，找到模板消息，根据微信小程序的类型，选择自己需要的模板消息，并设置所需的字段

模板消息创建成功后就可以开始使用了。

3. 用户订阅模板消息

这是小程序模板消息和公众号模板消息另一个不一样的地方，公众号模板消息可以直接推送给用户，小程序确需要用户订阅后才能推送成功。

参考文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html#%E8%AE%A2%E9%98%85%E6%B6%88%E6%81%AF%E8%AF%AD%E9%9F%B3%E6%8F%90%E9%86%92

我们需要用到wx.requestSubscribeMessage接口

接口使用参考https://developers.weixin.qq.com/miniprogram/dev/api/open-api/subscribe-message/wx.requestSubscribeMessage.html

在小程序中这样调用：

wx.requestSubscribeMessage({
  tmplIds: [''],
  success (res) { }})

其中tmplIds就需要传我们在第2 步创建好的模板ID。

注意：

这个方法不是随便调用的，从2.8.2版本开始，必须要用户点击或者支付回调后才能正常调起这个方法

我是在支付成功后调用该方法：

//订阅消息
		onMessageAuth() {
			const app = this;
			var isAccept = app.onMpAppSetting();
			if (!isAccept)
			{
				//未授权
				wx.requestSubscribeMessage({
					tmplIds:[app.orderTmpId],
					success(res){
						// console.log('&&&&&&&&&&&&&');
						// console.log(res)
						CashierApi.orderNotice({order_id:app.orderId})
					},
					fail (res){
						// console.log('*****************************')
						// console.log(res)
					},
					complete(res){
						// console.log(res)
						
						//支付成功后跳转
						app.onSuccessNav()
					}
				})
			}
			else
			{
				//已授权
				//支付成功后跳转
				app.onSuccessNav()
			}
		},

调起效果如下

用户订阅分为一次订阅和永久订阅，这个方法调起都是一次性的，永久订阅需要用户自己勾选总是保持已上选择才可以。

这个设置可以在小程序设置里面关闭和打开

用户关闭后，就不能再就收通知消息。

如果用户同一订阅，并勾选了“总是保持已上选择”，则无法再次调起支付方法。

因此在调起订阅方法前，我做了一个判断，根据wx.getSetting()方法，获取用户小程序设置信息，可以判断是否已订阅对应的模板消息，如果没订阅，则调起订阅方法让用户订阅，如果已经订阅，就无需调用订阅方法了

https://developers.weixin.qq.com/miniprogram/dev/api/open-api/setting/wx.getSetting.html

其中需要加上subscriptionsSetting:true才能返回订阅消息配置

wx.getSetting({
  success (res) {
    console.log(res.authSetting)
    // res.authSetting = {
    //   "scope.userInfo": true,
    //   "scope.userLocation": true
    // }
  }})

wx.getSetting({
  withSubscriptions: true,
  success (res) {
    console.log(res.authSetting)
    // res.authSetting = {
    //   "scope.userInfo": true,
    //   "scope.userLocation": true
    // }
    console.log(res.subscriptionsSetting)
    // res.subscriptionsSetting = {
    //   mainSwitch: true, // 订阅消息总开关
    //   itemSettings: {   // 每一项开关
    //     SYS_MSG_TYPE_INTERACTIVE: 'accept', // 小游戏系统订阅消息
    //     SYS_MSG_TYPE_RANK: 'accept'
    //     zun-LzcQyW-edafCVvzPkK4de2Rllr1fFpw2A_x0oXE: 'reject', // 普通一次性订阅消息
    //     ke_OZC_66gZxALLcsuI7ilCJSP2OJ2vWo2ooUPpkWrw: 'ban',
    //   }
    // }
  }})

其中如果是一次订阅，返回结果是

模板ID:'reject'

如果是永久订阅，返回结果是

模板ID:'accept'

4.下发模板消息

服务端下发模板消息(订阅消息)，可参考https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/mp-message-management/subscribe-message/sendMessage.html，可指定跳转页面以及参数，此处不在赘述。

模板消息效果

点击模板消息可以跳转到已上线小程序对应页面，带参数的在对应页面做好接收参数的配置即可

已上就是本次前端微信小程序对接模板消息的全部内容。