详解微信小程序开发之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 相关文章推荐
用JavaScript实现类似于ListBox功能示例代码
Mar 09 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
在Ubuntu上安装最新版本的Node.js
Jul 14 Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 Javascript
原生JS获取元素的位置与尺寸实现方法
Oct 18 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
Dec 15 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
Jan 05 Javascript
js实现淘宝首页的banner栏效果
Nov 26 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 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
多文件上载系统完整版
2006/10/09 PHP
typecho插件编写教程(六):调用接口
2015/05/28 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
JS中的this变量的使用介绍
2013/10/21 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
jquery仿百度百科底部浮动导航特效
2015/08/08 Javascript
Nodejs的express使用教程
2015/11/23 NodeJs
JavaScript+html5 canvas制作的圆中圆效果实例
2016/01/27 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
2018/06/25 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
详解vue-cli脚手架中webpack配置方法
2018/08/22 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
JavaScript实现HTML导航栏下拉菜单
2020/11/25 Javascript
Python中使用dom模块生成XML文件示例
2015/04/05 Python
用Django写天气预报查询网站
2018/10/21 Python
python爬虫 urllib模块url编码处理详解
2019/08/20 Python
Python 中pandas索引切片读取数据缺失数据处理问题
2019/10/09 Python
Python 打印自己设计的字体的实例讲解
2021/01/04 Python
纯CSS3实现3D旋转书本效果
2016/03/21 HTML / CSS
德国自行车商店:Tretwerk
2019/06/21 全球购物
意大利单身交友网站:Meetic
2020/07/12 全球购物
工程造价专业大学生自荐信
2013/10/01 职场文书
工程造价专业大学生职业生涯规划书
2014/01/18 职场文书
素质拓展感言
2014/01/29 职场文书
三峡大坝导游词
2015/01/31 职场文书
售票员岗位职责
2015/02/15 职场文书
2015年度对口支援工作总结
2015/07/22 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
SQL注入详解及防范方法
2021/12/06 MySQL