小程序模板网

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

发布时间:2018-04-21 09:40 所属栏目:小程序开发教程

 

官方文档

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

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

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

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

使用案例

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


 

官方文档

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

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

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

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

使用案例

场景描述:前台获取 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

跳转页面之后请在调试模式下中的console下查看数据。



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23848.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询