文档章节

微信小程序开发之formId使用(模板消息)、跨页面获取数据示例

第九程序
 第九程序
发布于 2017/07/11 10:24
字数 508
阅读 42
收藏 0

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

官方文档

  • 基于微信的通知渠道,我们为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验。

  • 模板推送位置:服务通知

  • 模板下发条件:用户本人在微信体系内与页面有交互行为后触发,详见下发条件说明

  • 模板跳转能力:点击查看详情仅能跳转下发模板的该帐号的各个页面

使用案例

场景描述:前台获取 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下查看数据。

© 著作权归作者所有

共有 人打赏支持
第九程序
粉丝 84
博文 142
码字总数 172691
作品 0
厦门
程序员
小程序 发送模板消息的功能实现

☹. 背景 微信消息通知 的区别: 此处参考京东购物的消息通知如下(也就是在下想要实现的效果): ❶ 前期准备 ①. 首先,微信小程序官方文档为我们提供了指导 --- 【发送模板消息】 我们可以...

moTzxx
09/05
0
0
TP5微信小程序开发批量推送服务通知那点事

开发环境:PhpStorm+Xampp(pthread多线程插件) pthread插件下载地址:http://windows.php.net/downloads/pecl/releases/pthreads/ pthread扩展安装方法:http://www.cnblogs.com/renzhicai/......

极客简讯
08/20
0
0
基于模板消息的小程序用户回流体系

世事洞明皆学问,人情练达即文章。——《宁府上房对联》曹雪芹·清 20180527,去北京参加了一场有关小程序的线下分享会,我个人总结了6个小时分享内容——转化低,就这么一个关键字。 我自己...

互联网产品小王
06/09
0
0
微信小程序如何调用API实现数据请求-wx.request()

前言 微信小程序不存在,那么它是如何实现数据请求功能的呢?在微信中提供了的调用,这个是很不错的。下面就讲一下如何请求数据,简单到不行。 wx.request 看文档时,提供了示例模板如下: ...

达叔小生
08/04
0
0
【值得收藏】微信小程序开发干货合集,快上车!

小程序的成功,让广大程序员早已不再纠结该不该学习小程序开发 ,但会纠结如何学习小程序开发,为帮助大家更好的学习小程序开发,特地整理一批相关学习资源,供大家交流学习! 近期优秀文章 ...

慕课网
08/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Nginx 配置url 跳转

Step 1:前言 公司一个管理后台,每次访问要写很长的参数,想直接访问域名就去管理页面 Step 2:配置 location / { rewrite ^/$ http://pay-admin.sasha-lab.com/index.php?m=admin&c...

Linux_Anna
5分钟前
0
0
php7在FreeBSD系统下静态编译iconv,导致BUS ERROR (core dump)解决

bug页面: https://bugs.php.net/bug.php?id=72198 触发此bug需要很多条件: FreeBSD系统(10.0以上),Linux系统、MacOS下均无此问题 静态编译iconv扩展,动态iconv扩展也无此问题 系统安装了...

hell0cat
9分钟前
0
0
FireFox下载时文件名乱码问题解决

String filename = java.net.URLEncoder.encode(file.getName(), "UTF-8"); response.setHeader("Content-Disposition", "attachment;filename*=utf-8'zh_cn'" + filename);......

放飞E梦想O
16分钟前
0
0
Spring声明式事务不回滚问题

注解 @Transactional 声明事务 内部调用方法不会走代理方式调用,而是类内部的函数调用,有事务注解也不会开启事务 但是当A有事务调用B时,B会加入A事务中,使之为同一事务 A无事务 ,B有事务...

职业搬砖20年
17分钟前
0
0
高并发的“大杀器”:异步化、并行化

高并发的大杀器:异步化 同步和异步,阻塞和非阻塞 同步和异步,阻塞和非阻塞,这几个词已经是老生常谈,但是还是有很多同学分不清楚,以为同步肯定就是阻塞,异步肯定就是非阻塞,其实他们并...

微笑向暖wx
19分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部