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

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

官方文档

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

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

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

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

使用案例

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