微信小程序服务通知模板消息

首先登陆微信公众平台找自己的模板消息设置，设置自己想要的模板消息，拿到模板消息ID，再准备好自己小程序的appid,小程序秘钥。这三个都准备好了以后直接看代码。

js:
Page({data: {openid:"",session_key:"",access_token:"",},onLoad: function (options) {var that = this//第一步获取openidwx.login({success: function (data) {console.log(data.code, data) console.log("12345");wx.request({url: 'https://api.weixin.qq.com/sns/jscode2session',data:{appid: "你的appid",secret: "小程序秘钥",js_code: data.code//wx.login获取到的code},method: "post",header: {"Content-Type": "application/x-www-form-urlencoded"},success: function (res) {console.log(res);that.setData({openid: res.data.openid,session_key: res.data.session_key,})}})}})//第二步  获取access_tokenwx.request({url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的appid&secret=你的小程序秘钥',method: "GET",success: function (res) {console.log("xxx");console.log(res);that.setData({access_token: res.data.access_token,//获取到的access_token})}})},form: function (e) {console.log(e);var that = this;var fId = e.detail.formId; // 网络请求    var l = 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=' + that.data.access_token; var d = {touser: that.data.openid, //用户的openid      template_id: '模板消息ID',page: '/pages/index/index',form_id: fId,data: {           //模板消息要对应 有几个写几个  避免为空模板"keyword1": {"value": "酒店","color": "#4a4a4a"},"keyword2": {"value": "2018-03-22","color": "#9b9b9b",},"keyword3": {"value": "$300","color": "#9b9b9b"},"keyword4": {"value": "中国","color": "#9b9b9b"},},color: '#ccc',emphasis_keyword: 'keyword1.DATA'}wx.request({url: l,data: JSON.stringify(d),method: 'POST',success: function (res) {console.log(res);},fail: function (err) {console.log(err);}});},
})

以上是js

下面是wxml

其中有一个formid需要注意下，想要发送模板消息必须借助formid 或者payid

formid 有返回值如果返回一串英文，那是因为你没有在真机调试，不会有formid返回给你，微信官方文档有关于formid的返回值

原因，在这我都不一一解释了。

wxml<form bindsubmit="form" report-submit='true' >
<button form-type="submit" class='xx'>
<text>123</text>
</button>
</form>

当到最后要成功时，你可能还会遇到坑，js中form方法最后请求微信官方服务器，success回调会有一个errorcode，这个errorcode有各种各样的返回值，这是我看了几种

还有一种是errorcode为0，原因可能是由于发送请求时没有设置UT8编码导致的,需设置编码，但是我将发送的data转了下json格式，应该不会出现什么问题，我的也返回了errorcode 为0 但是，模板消息发送成功了收到了微信服务通知。

效果如下

微信小程序服务通知模板消息相关推荐

TP5之微信小程序推送模板消息
TP5之微信小程序推送模板消息 1.获取formId并且存储起来,获取formId方法见: https://blog.csdn.net/u010481239/article/details/78239 ...
PHP小程序接口的模板消息,微信小程序PHP 发送模板消息通知
注意: 首先,模板消息接口需写在后台服务器上.[追加!目前微信小程序模板消息只能本人触发并发给本人.] 2018.4.9修改 :1次提交表单可下发1条,多次提交下发条数独立,相互不影响: 1次支付 ...
微信小程序系列--之模板消息错误提示： errcode: 41028, errmsg: invalid form id hint:如何解决...
本人从事互联网项目java开发五年,会java,,python,nodejs,前端,爬虫等技术,对发*项目,营销活动,微信业务(公共号,支付,小程序,第三开放平台)很精通.本人也正在努力去实现一套微信 ...
微信小程序js发送模板消息
微信小程序的Java的的后台获取的的的access_token存储数据库并接通本更新https://blog.csdn.net/weixin_41716049/article/details/8406 ...
微信小程序——服务通知,发送订阅消息
一.什么是消息推送二.整体效果三.实现步骤 1 小程序开通订阅消息 2 postApi测试效果三.uniapp配置这里有个需要特别注意的点,我们要给用户发送消息,就必须引导用户授权,如下因为 ...
微信小程序如何突破模板消息限制，获取多个formId?
做小程序的时候,产品提出模板消息推送用服务通知的方式推送(正常情况是用公众号推送),然后去查小程序手册,发现服务通知存在着问题:(7天有效期)支付等方式只可以获取3个formID,推送3条模板消息,表 ...
微信小程序之发送模板消息（通过openid推送消息给用户）
一.获取access_token access_token是接口调用的凭证,目前有效期为两个小时,需要定时刷新,重复获取将导致上次获取的access_token失效.(注:不建议每次调用需要acce ...
php一对多聊天程序代码,微信小程序实现一对多发消息
微信小程序中实现一对多发消息详解及实例代码微信小程序中各个界面之间的传值和通知比较蛋疼.所以模仿了iOS中的通知中心,在微信小程序中写了一套类似的通知中心. 通知中心可以做到:1对多发消息,传递ob ...
微信小程序服务端开发遇到的一些坑
微信小程序服务端开发遇到的一些坑开发环境问题集合小程序不支持基于进入客服事件推送消息小程序不支持永久素材 RestTemplate无法解析上传图片素材的返回 tips 其他小问题开发环境基 ...
微信小程序数据绑定与模板语法
微信小程序数据与模板配置总述: 对应的语法格式与vue的语法格式类似 wxml数据绑定 WXML 模板语法 - 数据绑定.数据绑定的基本原则在 data 中定义数据在 WXML 中使用数据在 ...

微信小程序服务通知模板消息

微信小程序服务通知模板消息相关推荐

最新文章

热门文章

微信小程序服务通知 模板消息

微信小程序服务通知 模板消息相关推荐

最新文章

热门文章

微信小程序服务通知模板消息

微信小程序服务通知模板消息相关推荐