详解微信小程序开发之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制作 随机弹跳的小球特效
Feb 01 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
Node.js+Express配置入门教程
May 19 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
Aug 04 Javascript
vue短信验证性能优化如何写入localstorage中
Apr 25 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
微信小程序自定义tabBar组件开发详解
Sep 24 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
js基础之事件捕获与冒泡原理
Oct 09 Javascript
js判断非127开头的IP地址的实例代码
Jan 05 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 多线程上下文中安全写文件实现代码
2009/12/28 PHP
php后台如何避免用户直接进入方法实例
2013/10/15 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
js实现键盘控制DIV移动的方法
2015/01/10 Javascript
HTML5 实现的一个俄罗斯方块实例代码
2016/09/19 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
js实现日历与定时器
2017/02/22 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
vuex 的简单使用
2018/03/22 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
删除目录下相同文件的python代码(逐级优化)
2012/05/25 Python
python中base64加密解密方法实例分析
2015/05/16 Python
python对配置文件.ini进行增删改查操作的方法示例
2017/07/28 Python
Pandas探索之高性能函数eval和query解析
2017/10/28 Python
windows下python安装小白入门教程
2018/09/18 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
基于h5py的使用及数据封装代码
2019/12/26 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
matplotlib subplot绘制多个子图的方法示例
2020/07/28 Python
Liu Jo西班牙官网:意大利服装品牌
2019/09/11 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
浙大网新C/C++面试解惑
2015/05/27 面试题
幼儿园小班教学反思
2014/02/02 职场文书
目标责任书范本
2014/04/16 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
违纪检讨书范文
2015/01/27 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
竞选稿之小学班干部
2019/10/31 职场文书
python爬虫之selenium库的安装及使用教程
2021/05/23 Python
Python获取江苏疫情实时数据及爬虫分析
2021/08/02 Python
JS 4个超级实用的小技巧 提升开发效率
2021/10/05 Javascript
python利用while求100内的整数和方式
2021/11/07 Python