一,小程序參數(shù)二維碼小白篇
介紹參數(shù)二維碼的基礎(chǔ)知識(shí),讓開發(fā)者和運(yùn)營者知道什么是參數(shù)二維碼
1. 首先我們要了解,什么是小程序的二維碼?
以下是小程序二維碼
小程序的菊花碼 普通的小程序二維碼
2. 為什么小程序碼是圓的放射型,也稱為菊花碼
小程序最開始使用的是常規(guī)方形的二維碼,后面微信專門為此設(shè)計(jì)了一套菊花碼,也就是圖二,為什么要專門搞一套小程序特有的編碼呢,估計(jì)是
(1)專利原因
方形二維碼的專利屬于別人,微信沒有專利。
(2)區(qū)分普通二維碼,減少用戶掃碼額疑慮
將小程序和普通的二維碼進(jìn)行區(qū)分,現(xiàn)在大家看到二維碼,都不敢隨便掃,但是如果提前知道二維碼屬于哪一類,對(duì)手機(jī)有沒有危害性,這樣就會(huì)減少掃碼人的顧慮,大家看方形的二維碼中間那 塊還是圓的,就是為了,讓大家知道這個(gè)是小程序,而且微信生成的二維碼里,還有一句提示,明確的告之用戶,這是小程序,可以放心使用
更多小程序的菊花碼故事,請(qǐng)?zhí)D(zhuǎn)到這里 https://www.qcloud.com/community/article/347791
3. 什么是小程序帶參數(shù)的二維碼
小程序的帶參數(shù)的二維碼,顧名思義。就是就將參數(shù)帶入小程序內(nèi),當(dāng)然參數(shù)這個(gè),是明顯偏技術(shù)類的一個(gè)名稱。 我們來舉2個(gè)例子
播放視頻例子
比如打開一個(gè)網(wǎng)頁,播放視頻
https://v.qq.com?play=湖人隊(duì)比賽
當(dāng)你打開網(wǎng)頁的時(shí)候,網(wǎng)站知道你想要打開看的是湖人對(duì)的比賽,而參數(shù)名是play,參數(shù)值是湖人隊(duì)比賽,那么網(wǎng)站就直接打開這個(gè)頁面給您,而不是進(jìn)入網(wǎng)站的首頁。
同樣的道理,當(dāng)我掃碼二維碼打開小程序的時(shí)候,我希望能夠直接找到對(duì)應(yīng)的內(nèi)容,而不是進(jìn)入首頁,一個(gè)一個(gè)去瀏覽。
衣服購買例子
我掃碼二維碼后,希望進(jìn)入衣服的購買介紹頁面,而不是小程序的首頁,這樣節(jié)省時(shí)間。
共享單車?yán)?/strong>
再比如摩拜單車,每掃一個(gè)二維碼,就直接對(duì)應(yīng)的是這輛車,進(jìn)入摩拜的小程序,摩拜是知道
圖中的編號(hào)02110015717 就傳遞到摩拜小程序了,摩拜小程序就知道你想打開哪輛車了(妹子和本文無關(guān),不是我女朋友)。
所以帶參數(shù)二維碼,就是將數(shù)據(jù)直接帶入小程序,小程序知道用戶是掃哪個(gè)二維碼過來的,參數(shù)是什么,用戶希望做什么
所以帶參數(shù)二維碼,就是通過參數(shù)直達(dá)小程序的內(nèi)容頁面。參數(shù)二維碼還有哪些場(chǎng)景呢?
小程序帶參數(shù)二維碼場(chǎng)景舉例
醫(yī)院場(chǎng)景:比如每個(gè)醫(yī)生一個(gè)id,通過帶參數(shù)二維碼,掃碼二維碼就直接進(jìn)入小程序醫(yī)生頁面
餐廳場(chǎng)景:比如每個(gè)菜一個(gè)二維碼,通過掃碼這個(gè)菜的二維碼,進(jìn)入小程序后,可以直接點(diǎn)這道菜,而不是要找菜鋪。
電商場(chǎng)景:掃碼二維碼帶參數(shù),進(jìn)入小程序直接購買,比如通過公眾號(hào),通過帶參數(shù)二維碼,用戶長按識(shí)別,直接進(jìn)入服裝的購買頁面,提高購買轉(zhuǎn)換。
音樂場(chǎng)景:掃碼某個(gè)帶參數(shù)二維碼,直接打開播放某個(gè)固定的歌曲
推廣場(chǎng)景:
線上推廣
比如我同樣的一件衣服,放在A公眾號(hào)推廣,有多少人購買了,放在B公眾號(hào)有多少人購買了,怎么區(qū)分和統(tǒng)計(jì)呢?
那就增加一個(gè)參數(shù)兩個(gè)二維碼,增加一個(gè)參數(shù),A公眾號(hào)設(shè)置qudao=A B公眾號(hào)設(shè)置參數(shù)qudao=B,那么我們小程序就知道同樣的一件衣服,是哪個(gè)公眾號(hào)購買的
線下推廣:
通過帶參數(shù)的二維碼,商家將這些獨(dú)一無二的小程序碼配置在不同的物料上,開發(fā)者通過追蹤到用戶都是從哪兒識(shí)別進(jìn)入到小程序,讓商家清楚了解到各物料的投放效果。
這樣,我們就知道哪邊的推廣效果好。
到這里小程序的參數(shù)二維碼的具體用戶我們大致是知道了。
二,小程序參數(shù)二維碼開發(fā)篇
介紹如何開發(fā)小程序參數(shù)二維碼,如何在開發(fā)模擬小程序參數(shù)二維碼,以及代碼里如何獲取小程序參數(shù)碼的值
1. 自定義編譯條件
2. 在代理的onLoad里獲取參數(shù)值
Page({ onLoad: function(options) { // options 中的 scene 需要使用 decodeURIComponent 才能獲取到生成二維碼時(shí)傳入的 scene var scene = decodeURIComponent(options.scene) // var query = options.query.dentistId // 3736 } })
我們通過onLoad 的options的參數(shù),可以很方便的獲取小程序帶參數(shù)二維碼傳遞過來的參數(shù),以及場(chǎng)景參數(shù)二維碼的值
三,小程序參數(shù)二維碼生成篇
當(dāng)小程序?qū)徍送ㄟ^后,那么線上的小程序二維碼是如何生成呢?芝麻小程序碼提供了程序二維碼生成工具。
網(wǎng)址如下 https://weixin.hotapp.cn
芝麻小程序碼的特色
(1)支持小程序路徑帶參數(shù),自定義帶參數(shù)
(2)小程序碼,方形小程序碼,以及小程序碼的美化
(3)支持創(chuàng)建帶場(chǎng)景值的二維碼
(4)支持小程序參數(shù)二維碼的統(tǒng)計(jì),統(tǒng)計(jì)掃碼人數(shù),掃碼次數(shù)
四,小程序二維碼官方文檔解讀
小程序二維碼生成官方文檔鏈接 https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html
接口A:生成普通菊花小程序帶參數(shù)二維碼,適用于需要的碼數(shù)量較少的業(yè)務(wù)場(chǎng)景,通過該接口生成的小程序碼,永久有效,用戶掃描該碼進(jìn)入小程序后,將直接進(jìn)入 path 對(duì)應(yīng)的頁面。
數(shù)量限制是10萬個(gè)
接口地址:https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN
接口A的的生成二維碼,如何生成,二維碼樣式,選擇普通的菊花碼
接口B:生成場(chǎng)景小程序參數(shù)二維碼
通過該接口生成的小程序碼,永久有效,數(shù)量不限制,用戶掃描該碼進(jìn)入小程序后,將直接進(jìn)入 path 對(duì)應(yīng)的頁面。
接口地址:https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN

用戶掃描該碼進(jìn)入小程序后,開發(fā)者需在對(duì)應(yīng)頁面獲取的碼中 scene 字段的值,再做處理邏輯。使用如下代碼可以獲取到二維碼中的 scene 字段的值。調(diào)試階段可以使用開發(fā)工具的條件編譯自定義參數(shù) scene=xxxx 進(jìn)行模擬,開發(fā)工具模擬時(shí)的 scene 的參數(shù)值需要進(jìn)行 urlencode
1 2 3 4 5 6 7 |
// 這是首頁的 js Page({ onLoad: function(options) { // options 中的 scene 需要使用 decodeURIComponent 才能獲取到生成二維碼時(shí)傳入的 scene var scene = decodeURIComponent(options.scene) } }) |
產(chǎn)品發(fā)布后,場(chǎng)景小程序碼的生成方法
接口C:普通方形二維碼,適用于需要的碼數(shù)量較少的業(yè)務(wù)場(chǎng)景,接口C和接口A的二維碼總數(shù)量是10萬個(gè)。如果數(shù)量比較多。需要用接口B,場(chǎng)景參數(shù)二維碼
接口地址:https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN

小程序二維碼生成工具:芝麻小程序碼 https://weixin.hotapp.cn