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