详解微信小程序开发之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 相关文章推荐
firefox和IE系列的相关区别整理 以备后用
Dec 28 Javascript
JavaScript 获取当前时间戳的代码
Aug 05 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
利用javascript实现web页面中指定区域打印
Oct 30 Javascript
js中replace的用法总结
Dec 27 Javascript
jQuery中:text选择器用法实例
Jan 03 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
H5图片压缩与上传实例
Apr 21 Javascript
js实现扫雷小程序的示例代码
Sep 27 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
Oct 31 Javascript
JS实现简单省市二级联动
Nov 27 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 HtmlReplace输入过滤安全函数
2010/07/03 PHP
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
PHP中实现中文字串截取无乱码的解决方法
2018/05/29 PHP
phpMyAdmin通过密码漏洞留后门文件
2018/11/20 PHP
javascript html 静态页面传参数
2009/04/10 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
2015/02/02 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
javascript使用 concat 方法对数组进行合并的方法
2016/09/08 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
详解用Node.js实现Restful风格webservice
2017/09/29 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
vue实现倒计时获取验证码效果
2020/04/17 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
python访问纯真IP数据库的代码
2011/05/19 Python
Windows下python2.7.8安装图文教程
2016/05/26 Python
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
详解Python 正则表达式模块
2018/11/05 Python
Python 使用指定的网卡发送HTTP请求的实例
2019/08/21 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
Python configparser模块应用过程解析
2020/08/14 Python
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
美国老牌主机服务商:iPage
2016/07/22 全球购物
Sony C++笔试题
2013/03/10 面试题
单位刻章介绍信范文
2014/01/11 职场文书
信息技术教学反思
2014/02/12 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
python3使用diagrams绘制架构图的步骤
2021/04/08 Python