微信小程序開發(fā):你一定不知道,小程序碼是這樣綻放的

小程序碼的出現(xiàn)

2017 年 1 月 9 號(hào),微信正式發(fā)布小程序,最開始只能通過微信「掃一掃」識(shí)別進(jìn)入特定小程序。4 月 14 號(hào),正式開放了「長按識(shí)別二維碼」的功能,這意味著,用戶使用小程序的便捷程度將大大提高。

為麻城等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及麻城網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、麻城網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!

此后,僅僅過了 4 天,微信又推出了小程序碼,支持「掃一掃」和「長按識(shí)別掃碼」。

小程序碼雖然長得跟二維碼截然不同,但二維碼所有的功能,小程序碼同樣具備。

為什么微信要推出這樣的異形二維碼?小程序碼背后又有何故事?

別著急,今天就來給大家講講小程序碼背后的故事。

二維碼 VS 小程序碼

第一次掃小程序碼的時(shí)候,其實(shí)是抱著試一試的心態(tài)來的。

當(dāng)時(shí)就在想,這么不像二維碼的碼真的能掃出來?結(jié)果一試還真可以!后面通過查找資料才發(fā)現(xiàn),原來這種異形二維碼并不是微信的首創(chuàng),F(xiàn)acebook、Snap 等公司都已經(jīng)推出過類似的異形碼:

下面這個(gè)二維碼通過圖像處理和識(shí)別技術(shù)把傳統(tǒng)二維碼中近70%的色塊抹掉,做成一種近乎無形的二維碼。它是以色列一家創(chuàng)業(yè)公司(Visualead)的作品。

阿里巴巴于2015年投資了這家公司,在旗下的網(wǎng)站、App 以及云計(jì)算等產(chǎn)品中已經(jīng)開始使用 相關(guān)技術(shù)。

此外還有很多充滿想象力的「變臉二維碼」(作者:笑臉兔):

面對(duì)市面上這么多好玩又有趣的二維碼,微信推出專屬的小程序碼,既意料之外,又情理之中。

如果上面的理由還沒有說服到你,我們?cè)購亩S碼和小程序碼對(duì)比的角度,來看看小程序碼有什么優(yōu)點(diǎn)。

傳統(tǒng)二維碼往往以有下幾個(gè)缺點(diǎn):

  • 掃碼預(yù)期:每張二維碼的背后可能代表一個(gè)文件,一個(gè)頁面、又或者是一個(gè)應(yīng)用
  • 安全性:二維碼由于其開放性,很容易成為木馬病毒的溫床,很多人會(huì)擔(dān)心掃碼之后可能使自己的手機(jī)感染病毒而放棄掃碼
  • 品牌宣傳:無法滿足小程序的品牌宣傳需求

小程序碼的優(yōu)點(diǎn):

  • 觀賞性:小程序碼與普通二維碼相比,看起來更美觀
  • 掃碼預(yù)期:掃碼前能明確知道掃碼之后將會(huì)體驗(yàn)到一個(gè)小程序
  • 安全性:小程序碼目前只能通過微信產(chǎn)生,并且只能通過微信識(shí)別,安全性更高
  • 品牌宣傳:每個(gè)小程序碼右下角都是固定的微信小程序 Logo,每見到一次小程序碼,大家就能多一次聯(lián)想到微信小程序
  • 高容錯(cuò)性:當(dāng)一張二維碼圖片中間嵌有某些 Logo 圖片時(shí),其實(shí)相當(dāng)于是把最中間部分有用的編碼信息挖掉,再貼一張 Logo 圖片上去。而小程序碼不同,中間的 Logo 區(qū)并不包含數(shù)據(jù)編碼的部分,因此小程序碼擁有更高的容錯(cuò)性

很明顯,小程序碼是更好的選擇:)

小程序碼的綻放過程

這是小程序碼最初的設(shè)計(jì)稿雛形,可以看到的確是一朵花的形狀,稍有不同的是這個(gè)雛形圖中只有兩個(gè)定位點(diǎn)。
而目前我們看到的小程序碼,一共有3個(gè)定位點(diǎn)。

這個(gè)是小程序碼的規(guī)范設(shè)計(jì)稿:

目前小程序碼一共支持 3 種容量,分別是 36 射線、54 射線和 72 射線。

每個(gè)版本分別對(duì)應(yīng) L、M、Q、H 4種容錯(cuò)級(jí)別:

  • L 級(jí)容錯(cuò)的小程序碼,大約 10% 的字碼可被修正
  • M 級(jí)容錯(cuò)的小程序碼,大約 15% 的字碼可被修正
  • Q 級(jí)容錯(cuò)的小程序碼,大約 25% 的字碼可被修正
  • H 級(jí)容錯(cuò)的小程序碼,大約 35% 的字碼可被修正

這應(yīng)該如何理解呢?

例如 H 級(jí)容錯(cuò)的小程序碼,大約 35 %的字碼可被修正。這意味著在最理想情況下,當(dāng)這個(gè)小程序碼 35% 的面積被遮擋/損壞,掃碼引擎還是能識(shí)別出這個(gè)小程序碼承載的信息。

但是,這 35% 被破壞的面積,不能是定位圖案和功能性數(shù)據(jù),必須是純編碼區(qū),而且錯(cuò)誤的區(qū)域還要分布得剛剛好,條件是非常苛刻的。

所以,這里的百分?jǐn)?shù)是一個(gè)非常理想的數(shù)據(jù),實(shí)際測(cè)試的結(jié)果會(huì)比這個(gè)百分?jǐn)?shù)稍微低一些。

不過現(xiàn)階段,當(dāng)我們通過官方 ApI 文檔去請(qǐng)求一張小程序碼圖片時(shí),暫時(shí)不用(或者說未能)指定期望生成的是哪種版本、哪個(gè)容錯(cuò)級(jí)別的小程序碼,這些是微信后臺(tái)會(huì)幫開發(fā)者自動(dòng)選擇的。

麻雀雖小,五臟俱全。

小程序碼有兩個(gè) Logo 區(qū)域,分別是中間的自定義 Logo 區(qū)和右下角的官方 Logo 區(qū),灰色的區(qū)域是小程序碼的數(shù)據(jù)編碼區(qū),其它彩色區(qū)域是小程序碼的功能性數(shù)據(jù)(主要包括版本、糾錯(cuò)等信息。

至于具體如何對(duì)應(yīng),由于微信官方暫時(shí)尚未對(duì)外公開,所以這里也要先保密一下哦)

小程序碼這朵「菊花」是如織綻放的呢?主要要以下幾個(gè)步驟:

1.定位點(diǎn)

首先確定 3 個(gè)定位點(diǎn)和右下角的官方 logo 區(qū),經(jīng)過第一步小程序碼的大小也隨著確定。

 

2.信息編碼區(qū)

編碼的過程主要是把原始信息(例如某個(gè)小程序的首頁)轉(zhuǎn)化成計(jì)算機(jī)能識(shí)別的語言——二進(jìn)制序列(例如 0110…110)的過程。

聽起來是不是有點(diǎn)抽象?你可以這么理解,六個(gè)月大的嬰兒吃不了大米,但是我們可以把大米砸碎研磨變成米漿米糊,這樣他就可以食用消化的,原理是差不多的,大而化小 :)

編碼完的下一步是加糾錯(cuò)碼。

這個(gè)過程有點(diǎn)復(fù)雜,這里我也嘗試用大家能聽懂的語言給大家解釋一下。

假設(shè)桌子上先是放了 100 個(gè)生雞蛋(代表上一步已經(jīng)轉(zhuǎn)換好的二進(jìn)制序列),然后再加入120個(gè)熟雞蛋(代表糾錯(cuò)碼,具體個(gè)數(shù)就視糾錯(cuò)率而定了,這里只是一種假設(shè))。表面上看起來生雞蛋和熟雞蛋并沒有太大的區(qū)別,但是其實(shí)還是有辦法能辨別出來的。例如,生雞蛋由于蛋黃懸浮到雞蛋中間,重心不穩(wěn),無法旋轉(zhuǎn),而熟雞蛋是可以旋轉(zhuǎn)的。

經(jīng)過糾錯(cuò)碼這個(gè)步驟,數(shù)據(jù)量變大了(從生熟雞蛋的例子來看,桌子上的雞蛋由 100 個(gè)變?yōu)?220 個(gè)),而回到我們上一個(gè)步驟,相當(dāng)于把二進(jìn)制序列 0110…110 進(jìn)行了擴(kuò)展(假設(shè)原來 0 和 1 加起來一共有 170 位,經(jīng)過糾錯(cuò)編碼之后就變成了一共 400 位的 1010…101)。

這里需要補(bǔ)充說明的一點(diǎn)是,加糾錯(cuò)碼這個(gè)階段不只是讓數(shù)據(jù)量簡單地增大。

一旦小程序碼的版本、糾錯(cuò)級(jí)別確定了,其對(duì)應(yīng)的糾錯(cuò)碼都是固定的了,這樣解碼階段才能通過對(duì)應(yīng)的規(guī)則去消除糾錯(cuò)碼,把真正有用的數(shù)據(jù)保留下來(回到生熟雞蛋的例子就是只留下生雞蛋,而把熟雞蛋排除掉)。

經(jīng)過信息轉(zhuǎn)換和糾錯(cuò)編碼之后,我們得到一串最終的二維碼序列,就可以把信息按一定的編碼順序填充到小程序碼的編碼區(qū)域(1對(duì)應(yīng)的是黑色,0對(duì)應(yīng)的是白色)。

當(dāng)前標(biāo)題:微信小程序開發(fā):你一定不知道,小程序碼是這樣綻放的
文章轉(zhuǎn)載:http://muchs.cn/article16/scsjdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、搜索引擎優(yōu)化ChatGPT、自適應(yīng)網(wǎng)站、網(wǎng)站改版、動(dòng)態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化