文档章节

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

第九程序
 第九程序
发布于 2017/07/11 10:24
字数 508
阅读 47
收藏 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
微信小程序开发中的二三事之网易云信IMSDK DEMO

本文由作者邹永胜授权网易云社区发布。 简介 为了更好的展示我们即时通讯SDK强悍的能力,网易云信IM SDK微信小程序DEMO的开发就提上了日程。用产品的话说就是: 换句话说就是在微信里面通过我...

网易云
今天
0
0
这周撸了两款小程序,分享下关键点。

本周撸了两款小程序,在这里总结下开发过程中的小经验,希望对大家有用。 小程序端 我们先说小程序要注意的地方。 默认入口转发问题 当一个小程序Page的js文件中存在 onShareAppMessage 方法...

阿北2017
10/22
0
0
微信小程序开发初体验--教你开发小程序

微信小程序 微信小程序面世以来受到的关注颇多,直到最近我才动手尝试进行了小程序的开发,总体上感觉还是不错的,有一点不适应的就是要摆脱Web APP开发对DOM的操作。在这里我就把我是如何利...

请天点
2016/12/01
1K
1
小程序开发|5分钟学会微信小程序模板消息“召回利器”

本文将从技术视角解析产品人员对微信小程序模版消息的实现方式和注意事项。 根据阿拉丁2018年上半年小程序白皮书显示: 微信小程序日活达到2.8亿,用户留存率也全线提升,7日内留存上升非常明...

闪云小程序
10/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

关于ElasticSearch的使用过程遇到的问题

由于作者从官网下载了ES5.6.10的安装包,解压之后就开始运行ES,前面一切正常。 后面某个查询条件失效。 解决: 1.先试了把单个查询条件撤离出来,当成一个Test来跑,发现还是获取不到值,表...

DoLo-lty
11分钟前
0
0
sed 替换文本内得路径字符等等

1. 句子 sed -i 's%/opt/apache-maven-3.5.3/conf/settings.xml%/data/opt/apache-maven-3.5.3/conf/settings.xml%g' ./*/config.xml 2. 解释 sed linux 一个文件流式处理的工具 2.1 -i 在当......

Aruforce
12分钟前
0
0
mysql_索引

索引类型 哈希表 有序数组 搜索树 MySQL索引 B-树 B+树 innodb的索引 索引维护 关于自增主键的使用 参考 极客时间《mysql实战45讲》

grace_233
12分钟前
0
0
“入乡随俗,服务为主” 发明者量化兼容麦语言啦!

5年时光 我们裹挟前行。发明者量化从筚路蓝缕到步履蹒跚,从以“区块链资产交易”为阵地,再到以“内外盘商品期货”为依托。再到今天全面兼容“麦语言”。每一步,我们始终都在为建立一个优秀...

酒逢知己千杯少
14分钟前
0
0
session深入探讨

简介 session,会话,其实是一个容易让人误解的词。它总跟web系统的会话挂钩,利用session,javaweb项目实现了登录状态的控制。坊间流传,关闭浏览器,就是关闭了web系统的会话。其实浏览器对...

千里明月
15分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部