詳解微信小程序開發(fā)之formId使用(模板消息)
基于微信小程序的模板消息:
- 基于微信的通知渠道,我們?yōu)殚_發(fā)者提供了可以高效觸達(dá)用戶的模板消息能力,以便實(shí)現(xiàn)服務(wù)的閉環(huán)并提供更佳的體驗(yàn)。
- 模板推送位置:服務(wù)通知
- 模板下發(fā)條件:用戶本人在微信體系內(nèi)與頁面有交互行為后觸發(fā),詳見下發(fā)條件說明
- 模板跳轉(zhuǎn)能力:點(diǎn)擊查看詳情僅能跳轉(zhuǎn)下發(fā)模板的該帳號(hào)的各個(gè)頁面
使用案例
場景描述:前臺(tái)獲取 formId 送至后臺(tái),由后臺(tái)實(shí)現(xiàn)模板消息的發(fā)送。(此處由于 formId 只能由用戶觸發(fā)表單提交操作產(chǎn)生,故前臺(tái)需要將每次產(chǎn)生的formId發(fā)送至后臺(tái),由后臺(tái)保存并在適當(dāng)時(shí)候調(diào)用微信接口向用戶發(fā)送模板消息)
代碼實(shí)現(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); }
注意:因?yàn)槲覀兪窃陂_發(fā)者工具中測試,所以得到的formId值為the formId is a mock one。在真機(jī)中我們可以得到一個(gè)具體的值,利用該值結(jié)合其他參數(shù)就可以發(fā)送模板消息啦,所以測試真實(shí)場景務(wù)必在真機(jī)中測試
微信目前的限制是在如下兩種情況下小程序才能夠正常的使用模板消息:
- 在小程序內(nèi)使用了微信支付接口,
- 在小程序里用戶點(diǎn)擊了表單,而且該表單的report-submit屬性值為true時(shí)。
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)頁面之后請?jiān)谡{(diào)試模式下中的console下查看數(shù)據(jù)。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 基于Taro的微信小程序模板消息-獲取formId功能模塊封裝實(shí)踐
- 微信小程序判斷用戶是否需要再次授權(quán)獲取個(gè)人信息
- 微信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號(hào)
- 解決微信小程序云開發(fā)中獲取數(shù)據(jù)庫的內(nèi)容為空的方法
- 詳解微信小程序獲取當(dāng)前時(shí)間及日期的方法
- 微信小程序獲取音頻時(shí)長與實(shí)時(shí)獲取播放進(jìn)度問題
- 微信小程序如何獲取用戶手機(jī)號(hào)
- 微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳值以及獲取值的方法分析
- 小程序如何獲取多個(gè)formId實(shí)現(xiàn)詳解
相關(guān)文章
JavaScript調(diào)用瀏覽器打印功能實(shí)例分析
這篇文章主要介紹了JavaScript調(diào)用瀏覽器打印功能的方法,實(shí)例分析了針對各種常用瀏覽器調(diào)用打印功能的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07JavaScript?Object.defineProperty與proxy代理模式的使用詳細(xì)分析
這篇文章主要介紹了JavaScript?Object.defineProperty與proxy代理模式的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-10-10OpenLayers3實(shí)現(xiàn)對地圖的基本操作
這篇文章主要為大家詳細(xì)介紹了OpenLayers3實(shí)現(xiàn)對地圖的基本操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09js實(shí)現(xiàn)屏幕自適應(yīng)局部代碼分享
這篇文章主要介紹了js實(shí)現(xiàn)屏幕自適應(yīng)局部代碼分享,需要的朋友可以參考下2015-01-01ajax級(jí)聯(lián)菜單實(shí)現(xiàn)方法實(shí)例分析
這篇文章主要介紹了ajax級(jí)聯(lián)菜單實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了基于ajax與后臺(tái)php交互實(shí)現(xiàn)級(jí)聯(lián)菜單功能的相關(guān)操作技巧,需要的朋友可以參考下2016-11-11基于JavaScript實(shí)現(xiàn) 網(wǎng)頁切出 網(wǎng)站title變化代碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn) 網(wǎng)頁切出 網(wǎng)站title變化代碼的相關(guān)資料,需要的朋友可以參考下2016-04-04JavaScript數(shù)字?jǐn)?shù)組的13個(gè)實(shí)用小技巧
數(shù)組是JS最常見的一種數(shù)據(jù)結(jié)構(gòu),咱們在開發(fā)中也經(jīng)常用到,在這篇文章中,提供一些小技巧,幫助咱們提高開發(fā)效率,這篇文章主要給大家分享介紹了關(guān)于JavaScript數(shù)字?jǐn)?shù)組的13個(gè)實(shí)用小技巧,需要的朋友可以參考下2023-11-11