文档章节

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

第九程序
 第九程序
发布于 2017/07/11 10:24
字数 508
阅读 27
收藏 0
点赞 0
评论 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下查看数据。

© 著作权归作者所有

共有 人打赏支持
第九程序
粉丝 82
博文 142
码字总数 172691
作品 0
厦门
程序员
基于模板消息的小程序用户回流体系

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

互联网产品小王 ⋅ 06/09 ⋅ 0

分享几个微信小程序开发框架和工具

###【小程序开发框架】 1、官方框架MINA 小程序提供的开发框架为MINA框架,它类似于淘宝Weex、Vue框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能...

codeGoogle ⋅ 04/18 ⋅ 0

WordPress 版微信小程序 - weimi-GZU

微觅贵大微信小程序 —— WordPress 版微信小程序 功能清单: 1.缩略图的方式显示文章列表(首页,分类文章),包括显示文章分类和发布时间,加载分页。 2.在首页用轮播方式显示置顶文章。 ...

似最初 ⋅ 05/24 ⋅ 0

微信小程序中打开其他小程序、小程序之间跳转

一、微信小程序中支持 小程序之间跳转 条件:打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下) 二、接口:wx.navigateToMiniProgram(OBJECT) OBJECT...

tianma3798 ⋅ 04/03 ⋅ 0

微信小程序运行流程看这篇就够了

一.微信小程序是啥 本质其实就是(混合)的app 介于web app与native 原生app之间,具备丰富的调用手机各种功能的接口,同时又具备灵活性,跨平台 1. 运行环境差异 微信小程序运行在三端:iOS...

⋅ 05/17 ⋅ 0

小程序--关于小程序未上线二维码识别功能开发

近期接触了小程序开发,发现我们可以使用微信小程序提供的接口来生成小程序二维码,具体如何操作可以参见这里:微信小程序获取二维码。 我们使用的是接口B: https://api.weixin.qq.com/wxa/...

zhanggui ⋅ 04/03 ⋅ 0

关于小程序未上线二维码识别功能开发

近期在接触了小程序开发,发现我们可以使用微信的接口来生成二维码,具体如何操作可以参见这里:微信小程序获取二维码。我们使用的是接口B,也就是: https://api.weixin.qq.com/wxa/getwxa...

zhanggui ⋅ 04/03 ⋅ 0

小程序开放插件功能,共享开发时代已来

3月13日晚,沉寂许久的微信团队终于又迎来大更新:开放小程序插件功能,开发者工具新增“代码片段”功能。 新功能怎么理解?如何应用?对小程序开发者有什么影响?对小程序生态又将有什么影响...

天鸽小程序 ⋅ 03/14 ⋅ 0

H5与小程序如何共用的一套代码? ——小程序混合开发(1)

一、目标 很多时候,大家是不是有这种想法,开发的小程序中,H5与小程序能否共用的一套代码,带后端并且可以提交给微信审核呢? 告诉你,可以! 如何做呢?看下边 二、准备工作 平台: 进入w...

大王12 ⋅ 05/31 ⋅ 0

一大波编程视频资料赠送(亲自整理)

为了感恩大家长久以来的关注和支持,小编准备了一些福利,整理了包含前端,Java,产品经理,微信小程序,Python,网站源码,Android应用视频教程,微信公众平台开发教程及材料等资源合集大放...

祈澈姑娘 ⋅ 05/08 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java 后台判断是否为ajax请求

/** * 是否是Ajax请求 * @param request * @return */public static boolean isAjax(ServletRequest request){return "XMLHttpRequest".equalsIgnoreCase(((HttpServletReques......

JavaSon712 ⋅ 29分钟前 ⋅ 0

Redis 单线程 为何却需要事务处理并发问题

Redis是单线程处理,也就是命令会顺序执行。那么为什么会存在并发问题呢? 个人理解是,虽然redis是单线程,但是可以同时有多个客户端访问,每个客户端会有 一个线程。客户端访问之间存在竞争...

码代码的小司机 ⋅ 今天 ⋅ 0

到底会改名吗?微软GVFS 改名之争

微软去年透露了 Git Virtual File System(GVFS)项目,GVFS 是 Git 版本控制系统的一个开源插件,允许 Git 处理 TB 规模的代码库,比如 270 GB 的 Windows 代码库。该项目公布之初就引发了争...

linux-tao ⋅ 今天 ⋅ 0

笔试题之Java基础部分【简】【二】

1.静态变量和实例变量的区别 在语法定义上的区别:静态变量前要加static关键字,而实例变量前则不加。在程序运行时的区别:实例变量属于某个对象的属性,必须创建了实例对象,其中的实例变...

anlve ⋅ 今天 ⋅ 0

Lombok简单介绍及使用

官网 通过简单注解来精简代码达到消除冗长代码的目的 优点 提高编程效率 使代码更简洁 消除冗长代码 避免修改字段名字时忘记修改方法名 4.idea中安装lombnok pom.xml引入 <dependency> <grou...

to_ln ⋅ 今天 ⋅ 0

【转】JS浮点数运算Bug的解决办法

37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998 怎么会这样,两个只有一位小数的数字相乘,怎...

NickSoki ⋅ 今天 ⋅ 0

table eg

user_id user_name full_name 1 zhangsan 张三 2 lisi 李四 `` ™ [========] 2018-06-18 09:42:06 星期一½ gdsgagagagdsgasgagadsgdasgagsa...

qwfys ⋅ 今天 ⋅ 0

一个有趣的Java问题

先来看看源码: public class TestDemo { public static void main(String[] args) { Integer a = 10; Integer b = 20; swap(a, b); System.out......

linxyz ⋅ 今天 ⋅ 0

十五周二次课

十五周二次课 17.1mysql主从介绍 17.2准备工作 17.3配置主 17.4配置从 17.5测试主从同步 17.1mysql主从介绍 MySQL主从介绍 MySQL主从又叫做Replication、AB复制。简单讲就是A和B两台机器做主...

河图再现 ⋅ 今天 ⋅ 0

docker安装snmp rrdtool环境

以Ubuntu16:04作为基础版本 docker pull ubuntu:16.04 启动一个容器 docker run -d -i -t --name flow_mete ubuntu:16.04 bash 进入容器 docker exec -it flow_mete bash cd ~ 安装基本软件 ......

messud4312 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部