微信小程序開發之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下查看數據。