微信小程序开发之formId使用(模板消息)、跨页面获取数据示例
2017-07-11 00:00
1326 查看
基于微信小程序的模板消息:
官方文档基于微信的通知渠道,我们为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验。
模板推送位置:服务通知
模板下发条件:用户本人在微信体系内与页面有交互行为后触发,详见下发条件说明
模板跳转能力:点击查看详情仅能跳转下发模板的该帐号的各个页面
使用案例
场景描述:前台获取 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。在真机中我们可以得到一个具体的值,利用该值结合其他参数就可以发送模板消息啦,所以测试真实场景务必在真机中测试
微信目前的限制是在如下两种情况下小程序才能够正常的使用模板消息:
在小程序内使用了微信支付接口,
在小程序里用户点击了表单,而且该表单的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下查看数据。
相关文章推荐
- 微信小程序开发之formId使用(模板消息)
- 微信小程序开发之formId使用(模板消息)
- 微信小程序开发之formId使用(模板消息)
- 微信小程序开发-点击事件,获取元素id,页面传值 & 获取js里的数据
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发实战&电影小程序——阅读页面轮播图-新闻列表页面构建-数据绑定
- [转]微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- java微信开发模板消息接口使用
- C#微信公众号接口开发,灵活利用网页授权、带参数二维码、模板消息,提升用户体验之完成用户绑定个人微信及验证码获取
- 微信小程序开发实战&电影小程序——阅读页面轮播图-新闻列表页面构建-数据绑定
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发(6)-表单数据组件的使用(picker,form,input,button)
- 微信小程序基本的开发框架抽取,包括网络请求的二次封装,页面状态管理,常见页面模板封装
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- 微信小程序开发之toast提示插件使用示例
- 微信小程序开发常用技巧(9)——使用模板文件方便公共代码开发
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- C#微信公众号接口开发,灵活利用网页授权、带参数二维码、模板消息,提升用户体验之完成用户绑定个人微信及验证码获取
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
- C#开发之微信小程序发送模板消息功能