详解微信小程序开发之formId使用(模板消息)


Posted in Javascript onAugust 27, 2019

基于微信小程序的模板消息:

官方文档

  • 基于微信的通知渠道,我们为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验。
  • 模板推送位置:服务通知
  • 模板下发条件:用户本人在微信体系内与页面有交互行为后触发,详见下发条件说明
  • 模板跳转能力:点击查看详情仅能跳转下发模板的该帐号的各个页面

使用案例

场景描述:前台获取 formId 送至后台,由后台实现模板消息的发送。(此处由于 formId 只能由用户触发表单提交操作产生,故前台需要将每次产生的formId发送至后台,由后台保存并在适当时候调用微信接口向用户发送模板消息)

代码实现:

//example.wxml
<form bindsubmit="submit" report-submit='true' >
 <button form-type="submit" type="default" size="mini">提交</button>
</form>
 
//example.js
submit: function (e) {
 console.log(e.detail.formId);
}

注意:因为我们是在开发者工具中测试,所以得到的formId值为the formId is a mock one。在真机中我们可以得到一个具体的值,利用该值结合其他参数就可以发送模板消息啦,所以测试真实场景务必在真机中测试

微信目前的限制是在如下两种情况下小程序才能够正常的使用模板消息:

  1. 在小程序内使用了微信支付接口,
  2. 在小程序里用户点击了表单,而且该表单的report-submit属性值为true时。

index.wxml

<navigator class="navs" url="{{urls}}">
  中国
</navigator>

index.js

Page({
 data: {
  urls:'/pages/lanbo/lanbo?title=我是Index里面的title数据'
 }
})

要跳转的页面lanbo页面

lanbo.wxml

<text>pages/lanbo/lanbo.wxml</text>

lanbo.js

Page({
 data: {
 
 },
 onLoad: function (options) {
  this.setData({
   title:options.title
  });
  console.log(this.data.title);
 }
})

跳转页面之后请在调试模式下中的console下查看数据。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery获取div距离窗口和父级dv的距离示例
Oct 10 Javascript
理解JS绑定事件
Jan 19 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
微信公众号 摇一摇周边功能开发
Dec 08 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
微信小程序 页面跳转和数据传递实例详解
Jan 19 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
JavaScript设计模型Iterator实例解析
Jan 22 Javascript
react的hooks的用法详解
Oct 12 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 #Javascript
vue使用codemirror的两种用法
Aug 27 #Javascript
微信小程序中为什么使用var that=this
Aug 27 #Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 #Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
Aug 27 #Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 #jQuery
JS多个表单数据提交下的serialize()应用实例分析
Aug 27 #Javascript
You might like
php伪静态之APACHE篇
2014/06/02 PHP
浅谈PHP中foreach/in_array的使用
2015/11/02 PHP
php中文字符串截取多种方法汇总
2016/10/06 PHP
CI框架实现创建自定义类库的方法
2018/12/25 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
学习JavaScript的最佳方法分享
2011/10/21 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
2012/03/07 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
2014/01/23 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
AngularJS入门教程之ng-checked 指令详解
2016/08/01 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
2016/11/23 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
2017/04/13 jQuery
JS轮播图实现简单代码
2021/02/19 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
2018/08/09 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
layui 上传图片 返回图片地址的方法
2019/09/26 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
2019/12/17 Javascript
[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日
2021/03/11 DOTA
Python 自动化表单提交实例代码
2017/06/08 Python
简单实现python收发邮件功能
2018/01/05 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
tensorflow的计算图总结
2020/01/12 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
NumPy排序的实现
2020/01/21 Python
Django缓存Cache使用详解
2020/11/30 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
html5 css3网站菜单实现代码
2013/12/23 HTML / CSS
物流司机岗位职责
2013/12/28 职场文书
医院门卫岗位职责
2013/12/30 职场文书
品质主管岗位职责
2014/03/16 职场文书
捐书倡议书
2014/08/29 职场文书
关于长城的导游词
2015/01/30 职场文书
结婚典礼主持词
2015/06/29 职场文书
导游词之岳阳楼
2019/09/25 职场文书