天津11选5前三直遗漏数据: 小程序碼認識、獲取與微信識別小程序碼的方式

認識小程序碼

事件:微信發布小程序,最開始只能通過微信「掃一掃」識別進入特定小程序。2017年4 月 14 號,開放「長按識別二維碼」功能,意味著用戶使用小程序的便捷程度將大大提高。僅僅過了 4 天,微信又推出了小程序碼,支持「掃一掃」和「長按識別掃碼」。

体彩天津11选5 www.ryqohw.com.cn 微信小程序碼

從方到圓,從密封到發散,這是二維碼到小程序碼在圖形界面上的變化。此外在功能方面,二維碼所有的功能,小程序碼同樣具備。

這種異形二維碼并不是微信的首創,Facebook、Snap 等公司都已經推出過類似的異形碼:

異形二維碼

看來鵝廠也并非只是埋頭苦干,而是懂得借力打力的。

小程序碼的優點:
  • 觀賞性:小程序碼與普通二維碼相比,看起來更美觀;
  • 掃碼預期:掃碼前能明確知道,掃碼之后將會體驗到一個小程序;
  • 安全性:小程序碼目前只能通過微信產生,并且只能通過微信識別,安全性更高;
  • 品牌宣傳:每個小程序碼右下角都有固定的微信小程序 logo,每見到一次小程序碼,大家就能多一次聯想到微信小程序;
  • 高容錯性:當一張二維碼圖片中間嵌有某些 logo 圖片時,其實相當于是把最中間部分有用的編碼信息挖掉,再貼一張 logo 圖片上去;而小程序碼不同,中間的 logo 區并不包含數據編碼的部分,因此小程序碼擁有更高的容錯性。
很明顯,小程序碼是更好的選擇:)
小程序碼一共支持 3 種容量,分別是 36 射線、54 射線和 72 射線。
小程序碼3 種容量射線。
每個版本分別對應 L、M、Q、H 這 4 種容錯級別:
  • L 級容錯的小程序碼,大約 10% 的字碼可被修正
  • M 級容錯的小程序碼,大約 15% 的字碼可被修正
  • Q 級容錯的小程序碼,大約 25% 的字碼可被修正
  • H 級容錯的小程序碼,大約 35% 的字碼可被修正
不用再究根究底了,問“十萬個為什么”,對于應用者來說,這些常識就夠了。
小程序碼有兩個 logo 區域,分別是中間的自定義 logo 區和右下角的官方 logo 區,灰色的區域是小程序碼的數據編碼區,其它彩色區域是小程序碼的功能性數據(主要包括版本、糾錯等信息)。
小程序碼 logo 區域
嗯,每一種色彩背后,都有自己的意義。

獲取小程序碼

根據小程序官方開發文檔的說明,目前請求生成一個小程序碼有兩個接口(A 和 B),請求生成小程序二維碼有一個接口(C),
這三個接口有什么區別呢?
?
數量限制:接口 A、C 生成的小程序碼和二維碼加起來不能超過 10w 個,接口 B 生成的小程序碼則數量沒有限制
?
時效性:接口 A、B、C 生成的小程序碼/二維碼永久有效
?
頁面指定性:接口 A、C 生成的小程序碼/二維碼可以直接進入指定頁面,而接口 B 生成的小程序碼需要通過技術開發處理邏輯(通過參數 scene)后才能跳轉到其它頁面
?
建議大家優先使用 B 接口去生成二維碼,一方面是小程序碼始終是比二維碼可辨認性高,另一方面沒有數量限制,而且技術處理也相對簡單。
?
關于小程序碼的樣式,現階段我們主要可以定義以下方面的內容:
?
  • 小程序碼的尺寸
  • 小程序碼的射線顏色
  • 自定義 logo 區的圖片
?
由于目前我們只能定義小程序碼的射線顏色,無法定義整個小程序碼圖片的背景顏色。
?
所以,在聲明小程序碼射線的顏色這一步,主要有兩種思路:
?
  1. 通過設置 line_color 來決定小程序碼射線的顏色,不過這個時候最好是確保射線跟背景色(白色)有一定的對比度,降低掃碼成本;
  2. 設置 auto_color 為 true(默認為 false),微信后臺會智能根據中間 logo 區域的主色調來確定小程序碼射線的顏色。

微信識別小程序碼

小程序碼識別過程,跟小程序碼的生成過程是反過來的,大家可以通過簡單的流程圖來感受一下。
?小程序碼識別過程

雖然,目前小程序暫時不支持直接分享到朋友圈,但是越來越多的小程序已經通過嘗試將小程序碼與業務功能相結合,生成一張可以在朋友圈傳播的小程序碼,方便其它用戶通過長按識別小程序碼直接(從朋友圈)進入相應的小程序。

?長按識別小程序碼

 

長按識別二維碼(或小程序碼)在微信下是一個再自然不過的交互了,既然講到這里,就順便跟大家簡單聊聊長按識碼背后的小故事。微信會根據不同的場景采取不同的識別策略,這里主要分為兩類:
?
1. Webview 下長按識別
?
當微信檢測到用戶長按識別的時候,會第一時間把當前屏幕截屏,然后去檢測屏幕截圖是否有小程序碼(或二維碼)。
如果有,則出現長按識別小程序碼(或二維碼)的菜單項,點擊該菜單項即可跳轉到對應的小程序碼(或二維碼對應的內容);反之,如果截圖里面沒有小程序碼(或二維碼),又或者小程序碼(或二維碼)圖案不完整,則不會有識別結果。
?Webview 下長按識別

小程序碼顯示信息不全

小程序碼識別信息完整

 

?
2. 圖片查看器下長按識別
假設有人在朋友圈發送了一張包含小程序碼(或二維碼)的圖片,你點擊預覽小圖(這時稱圖片處于圖片查看器中),這個時候也是可以長按識別的,那這個時候就是直接發圖去識別?。ǖ灰歡ㄊ竊寂?,這里的策略是非常非常多的,例如這張圖片非常大,微信就會先做適當壓縮再上傳去識別的)
?

小程序識別二維碼

?
現階段(2017.8)經過測試發現,在普通場景下,只要微信能長按識別二維碼,就也同樣能長按識別小程序碼;不過在小程序下面,暫時只支持長按識別小程序碼哦,長按識別二維碼是不支持的。
-------------------------------------

本文的知識要點,摘錄于鵝廠美女陳潔婷,騰訊 CDC 的一名前端工程師。

?鵝廠美女陳潔婷

 

本文鏈接:体彩天津11选5 » 互聯網產品/新媒體運營 » 小程序碼認識、獲取與微信識別小程序碼的方式
轉載請注明://www.ryqohw.com.cn/1772.html

發表評論

電子郵件地址不會被公開。