詳解微信小程序開發(fā)之formId使用(模板消息)
基于微信小程序的模板消息:
- 基于微信的通知渠道,我們?yōu)殚_發(fā)者提供了可以高效觸達(dá)用戶的模板消息能力,以便實現(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ù)必在真機中測試
微信目前的限制是在如下兩種情況下小程序才能夠正常的使用模板消息:
- 在小程序內(nèi)使用了微信支付接口,
- 在小程序里用戶點擊了表單,而且該表單的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
Page({ data: { }, onLoad: function (options) { this.setData({ title:options.title }); console.log(this.data.title); } })
跳轉(zhuǎn)頁面之后請在調(diào)試模式下中的console下查看數(shù)據(jù)。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript?Object.defineProperty與proxy代理模式的使用詳細(xì)分析
這篇文章主要介紹了JavaScript?Object.defineProperty與proxy代理模式的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-10-10基于JavaScript實現(xiàn) 網(wǎng)頁切出 網(wǎng)站title變化代碼
這篇文章主要介紹了基于JavaScript實現(xiàn) 網(wǎng)頁切出 網(wǎng)站title變化代碼的相關(guān)資料,需要的朋友可以參考下2016-04-04JavaScript數(shù)字?jǐn)?shù)組的13個實用小技巧
數(shù)組是JS最常見的一種數(shù)據(jù)結(jié)構(gòu),咱們在開發(fā)中也經(jīng)常用到,在這篇文章中,提供一些小技巧,幫助咱們提高開發(fā)效率,這篇文章主要給大家分享介紹了關(guān)于JavaScript數(shù)字?jǐn)?shù)組的13個實用小技巧,需要的朋友可以參考下2023-11-11