詳解微信小程序開發(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)頁面之后請(qǐng)?jiān)谡{(diào)試模式下中的console下查看數(shù)據(jù)。
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(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在IE中“意外地調(diào)用了方法或?qū)傩栽L問”
FF是正常的，IE報(bào)“意外地調(diào)用了方法或?qū)傩栽L問”。2008-11-11
本文主要介紹JS原型鏈的知識(shí)，這里整理了相關(guān)資料及簡單實(shí)現(xiàn)示例代碼，有興趣的小伙伴可以參考下2016-09-09
HBuilderX開發(fā)一個(gè)簡單的微信小程序的實(shí)現(xiàn)步驟
本文主要介紹了HBuilderX開發(fā)一個(gè)簡單的微信小程序的實(shí)現(xiàn)步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
JS簡單實(shí)現(xiàn)仿百度控制臺(tái)輸出信息效果
這篇文章主要介紹了JS簡單實(shí)現(xiàn)仿百度控制臺(tái)輸出信息效果,涉及javascript中console.log函數(shù)的簡單使用技巧,需要的朋友可以參考下2016-09-09
JS獲取鼠標(biāo)坐標(biāo)位置實(shí)例分析
這篇文章主要介紹了JS獲取鼠標(biāo)坐標(biāo)位置的方法,結(jié)合實(shí)例形式分析了JavaScript常見的獲取鼠標(biāo)頁面、屏幕等坐標(biāo)位置的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-01-01
今天小編就為大家分享一篇快速解決bootstrap下拉菜單無法隱藏的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
談?wù)凧avaScript自定義回調(diào)函數(shù)
使用Jquery的時(shí)候發(fā)現(xiàn)它里面的很多方法都提供回調(diào)函數(shù)，接下來通過本篇文章給大家介紹js自定義回調(diào)函數(shù)，需要的朋友參考下2015-10-10
微信小程序通過websocket實(shí)時(shí)語音識(shí)別的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序通過websocket實(shí)時(shí)語音識(shí)別，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要給大家介紹了關(guān)于JavaScript中遍歷的十種方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要介紹了js數(shù)組去重的11種方法，對(duì)js數(shù)組感興趣的同學(xué)，可以把這11種方法實(shí)驗(yàn)一下2021-04-04