小程序模板網(wǎng)

微信小程序開發(fā)之formId使用(模板消息)、跨頁面獲取數(shù)據(jù)示例 ...

發(fā)布時間:2018-04-21 09:40 所屬欄目:小程序開發(fā)教程

 

官方文檔

  • 基于微信的通知渠道,我們?yōu)殚_發(fā)者提供了可以高效觸達用戶的模板消息能力,以便實現(xiàn)服務(wù)的閉環(huán)并提供更佳的體驗。

  • 模板推送位置:服務(wù)通知

  • 模板下發(fā)條件:用戶本人在微信體系內(nèi)與頁面有交互行為后觸發(fā),詳見下發(fā)條件說明

  • 模板跳轉(zhuǎn)能力:點擊查看詳情僅能跳轉(zhuǎn)下發(fā)模板的該帳號的各個頁面

使用案例

場景描述:前臺獲取 formId 送至后臺,由后臺實現(xiàn)模板消息的發(fā)送。(此處由于 formId 只能由用戶觸發(fā)表單提交操作產(chǎn)生,故前臺需要將每次產(chǎn)生的formId發(fā)送至后臺,由后臺保存并在適當(dāng)時候調(diào)用微信接口向用戶發(fā)送模板消息)

代碼實現(xiàn):


//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);
}

注意:因為我們是在開發(fā)者工具中測試,所以得到的formId值為the formId is a mock one。在真機中我們可以得到一個具體的值,利用該值結(jié)合其他參數(shù)就可以發(fā)送模板消息啦,所以測試真實場景務(wù)必在真機中測試

微信目前的限制是在如下兩種情況下小程序才能夠正常的使用模板消息:

  1. 在小程序內(nèi)使用了微信支付接口,
  2. 在小程序里用戶點擊了表單,而且該表單的report-submit屬性值為true時。
 

index.wxml


<navigator  class="navs" url="{{urls}}">
    中國
</navigator>

index.js


Page({
  data: {
    urls:'/pages/lanbo/lanbo?title=我是Index里面的title數(shù)據(jù)'
  }
})

 

要跳轉(zhuǎn)的頁面lanbo頁面

lanbo.wxml


<text>pages/lanbo/lanbo.wxml</text>

lanbo.js

復(fù)制代碼

Page({
  data: {
  
  },
  onLoad: function (options) {
    this.setData({
      title:options.title
    });
    console.log(this.data.title);
  }
})
復(fù)制代碼

跳轉(zhuǎn)頁面之后請在調(diào)試模式下中的console下查看數(shù)據(jù)。


 

官方文檔

  • 基于微信的通知渠道,我們?yōu)殚_發(fā)者提供了可以高效觸達用戶的模板消息能力,以便實現(xiàn)服務(wù)的閉環(huán)并提供更佳的體驗。

  • 模板推送位置:服務(wù)通知

  • 模板下發(fā)條件:用戶本人在微信體系內(nèi)與頁面有交互行為后觸發(fā),詳見下發(fā)條件說明

  • 模板跳轉(zhuǎn)能力:點擊查看詳情僅能跳轉(zhuǎn)下發(fā)模板的該帳號的各個頁面

使用案例

場景描述:前臺獲取 formId 送至后臺,由后臺實現(xiàn)模板消息的發(fā)送。(此處由于 formId 只能由用戶觸發(fā)表單提交操作產(chǎn)生,故前臺需要將每次產(chǎn)生的formId發(fā)送至后臺,由后臺保存并在適當(dāng)時候調(diào)用微信接口向用戶發(fā)送模板消息)

代碼實現(xiàn):


//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);
}

注意:因為我們是在開發(fā)者工具中測試,所以得到的formId值為the formId is a mock one。在真機中我們可以得到一個具體的值,利用該值結(jié)合其他參數(shù)就可以發(fā)送模板消息啦,所以測試真實場景務(wù)必在真機中測試

微信目前的限制是在如下兩種情況下小程序才能夠正常的使用模板消息:

  1. 在小程序內(nèi)使用了微信支付接口,
  2. 在小程序里用戶點擊了表單,而且該表單的report-submit屬性值為true時。
 

index.wxml


<navigator  class="navs" url="{{urls}}">
    中國
</navigator>

index.js


Page({
  data: {
    urls:'/pages/lanbo/lanbo?title=我是Index里面的title數(shù)據(jù)'
  }
})

 

要跳轉(zhuǎn)的頁面lanbo頁面

lanbo.wxml


<text>pages/lanbo/lanbo.wxml</text>

lanbo.js

跳轉(zhuǎn)頁面之后請在調(diào)試模式下中的console下查看數(shù)據(jù)。



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.u-renovate.com/wxmini/doc/course/23848.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×