整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          微互動丨程序猿眼里微信JS-SDK接口的意義

          微互動丨程序猿眼里微信JS-SDK接口的意義

          序猿眼里微信JS-SDK接口的意義

          文丨李華棟

          上周五微信開放了幾個JS-SDK接口,這對于開發(fā)者而言,是繼HTML5標(biāo)準(zhǔn)確定之后網(wǎng)頁方面最大的利好消息。這些接口其實是強化了H5的開發(fā)能力,實現(xiàn)在一些通用業(yè)務(wù)場景下的閉環(huán)層次。

          我們簡要說一下這些接口可以做哪些擴展:

          1、分享類接口

          分享標(biāo)題不再千篇一律,分享圖片也統(tǒng)一,這樣可以讓用戶更好的體驗內(nèi)容。

          分享的統(tǒng)計更加準(zhǔn)確(其實微博很早就有)。

          當(dāng)然目前限于騰訊自己的產(chǎn)品分享。

          2、圖像類接口

          強化微信入口,云盤之類的產(chǎn)品完全可以基于此接口導(dǎo)入流量,目前除了騰訊自己的云盤其他產(chǎn)品估計沒有什么機會了。畢竟在基于用戶基數(shù)的時代,誰提供的空間大誰就稱王稱霸的時代已然過時了…

          3、音頻類接口

          因聲音和圖片的開放,以后在微信朋友圈中分享的內(nèi)容更加的豐富多彩。圖片和音頻的體驗騰訊肯定會使用全網(wǎng)加速(CDN),一些基于此接口的賀卡類分享會更加普及。這絕逼是一個新的邊緣突破口。

          4、智能類接口

          支持將語音快速地轉(zhuǎn)換成文字,開發(fā)者無需掌握語音識別相關(guān)技術(shù),這也就意味著開發(fā)一些語音類的應(yīng)用不再是原生APP的天下了,不可避免的就加劇了此類App走向衰亡…

          5、設(shè)備信息類接口

          支持獲取當(dāng)前手機設(shè)備的網(wǎng)絡(luò)狀態(tài),如2G、3G、4G或WiFi,力圖為用戶提供流暢的瀏覽體驗。也就是說,以后文章的推送除了會考慮屏幕大小還會考慮用戶的網(wǎng)絡(luò)條件。

          6、地理位置類接口

          支持獲取用戶的地理位置信息。以前需要調(diào)用各種地圖API,此番動作大大節(jié)省了開發(fā)難度。

          7、界面操作類接口

          未來接入微信的功能會越來越多,給用戶一個場景下的簡單操作就顯的尤為重要。

          8、掃一掃、支付、卡券類接口

          這是針對原生應(yīng)用的開放,目的是為了強化其入口。這些功能從開發(fā)角度來看不管原生還是JS都是有一定難度。

          優(yōu)點很多,但美中略有不足:

          出于安全的考量接口只限定于微信內(nèi)置的瀏覽器使用,但隨著后臺支撐保障的提高,整體開放是必然的趨勢。

          不過當(dāng)下與一些移動應(yīng)用平臺的結(jié)合如AppCan 這類的產(chǎn)品,會對h5應(yīng)用的開發(fā)起到推波助瀾的力度。

          注:本文是小黃人團隊的李華棟原創(chuàng),如需轉(zhuǎn)載請聯(lián)系墨七(bao1222)或注明文章出自微互動(微信ID:wihudong),謝謝配合。

          么是小程序?

          從“微信之父” 張小龍的定義里,我們可以了解到,小程序其實就是內(nèi)嵌在微信,不需要安裝和卸載的一種新應(yīng)用形態(tài)。它具備的兩個強屬性:提高效率,用完即走!因此小程序的設(shè)計以輕便、快捷為原則,鼓勵用戶“即用即走”!

          注意:除了微信小程序,還有百度小程序、微信小程序、支付寶小程序、抖音小程序,都是每個平臺自己開發(fā)的,都是有針對性平臺的應(yīng)用程序。以為目前主流的就是微信小程序,所以下文中的小程序都默認(rèn)指代“微信小程序”!

          小程序因為內(nèi)嵌再微信里,所以它的運行只能依賴微信客戶端,也就是說只能在微信里打開。

          什么是 H5?

          H5,也就是“HTML5”,指“HTML”的第 5 個版本。眾所周知“HTML”是”超文本標(biāo)記語言”,是一門描述網(wǎng)頁的標(biāo)準(zhǔn)語言,所以 HTML5 也是一種網(wǎng)頁技術(shù),而且是更高級的網(wǎng)頁技術(shù),包括 HTML、CSS 和 JavaScript 在內(nèi)的一套技術(shù)組合。

          所以,H5 本質(zhì)上可以理解為是一個網(wǎng)頁!

          既然 H5 是網(wǎng)頁,那么依賴的外殼主要是瀏覽器,因此只要有瀏覽器,就可以使用。比如手機內(nèi)置的瀏覽器,APP 的 web-view 組件,以及小程序提供的 web-view 組件,都可以打開 H5 頁面。

          小程序和 H5 的區(qū)別

          其實從以上的概念的解釋里我們已經(jīng)能看出來一些基本的區(qū)別了。那么接下來,我們就從原理和應(yīng)用等方面,來分別對比一下小程序和 H5 的不同之處。

          一、從開發(fā)的角度

          H5 和小程序的開發(fā)工具就非常不同,小程序都是依賴于微信客戶端的,所以相對來說開發(fā)工具沒有 H5 那么多;

          而且兩者的開發(fā)語言也都是不同的,微信小程序有自己的一套標(biāo)簽與樣式語言,與標(biāo)準(zhǔn)的 H5 語言是不一樣的;而且還獨立了很多的原生 app 的組件,所以它在組件封裝上面與 H5 也都是有所不同的。

          因此,開發(fā)一個 H5,需要從開發(fā)工具、前端框架、模塊管理工具、任務(wù)管理工具,還有 UI 庫選擇、接口調(diào)用工具、瀏覽器兼容性等等,都需要考慮周到。盡管大多數(shù)開發(fā)者面對這些工具時,都有了自己的配置模板,但成本依然不低!

          微信小程序的開發(fā)使用了改自 js、CSS、HTML 的語言,同時提供了各種自有的組件和 API,是一套為微信量身打造的自定義的語法。因此,不用擔(dān)心瀏覽器的兼容性,不用擔(dān)心莫名其妙的 bug,而且在微信中小程序的使用體驗比普通 H5 更加順暢、快捷。

          所以,小程序的開發(fā)成本比以往的 HTML5 開發(fā)的 Web 成本低很多。

          二、從運行環(huán)境來看

          客戶端運行環(huán)境:

          H5 因為是網(wǎng)頁,所以運行環(huán)境主要是瀏覽器;
          微信小程序運行環(huán)境是屬于計算機程序,配合自己定義的開發(fā)語言標(biāo)準(zhǔn),大幅提升了小程序的流暢度和性能。

          服務(wù)器配置:

          因為小程序的性能會 H5 高一些,所以服務(wù)器的配置要求上來說,小程序的要求要比 H5 更高一些。

          三、系統(tǒng)權(quán)限

          因為微信能獲取到更多的系統(tǒng)權(quán)限,如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等,這些系統(tǒng)級權(quán)限都能與微信小程序無縫銜接,這也就是官方宣稱的微信小程序能夠擁有 Native App(原生 APP)的流暢性能。

          而 H5 Web 應(yīng)用對系統(tǒng)本身的權(quán)限的獲取則相對少了很多,這一點恰巧是 H5 Web 應(yīng)用經(jīng)常被詬病的地方。也因此,H5 的大多數(shù)應(yīng)用被圈定在業(yè)務(wù)邏輯簡單、功能單一的范圍上。

          四、用戶體驗

          1)性能體驗

          我們在打開一個 H5 頁面的時候,實際上就是打開一個 Web 網(wǎng)頁,之前在 PC 上瀏覽網(wǎng)頁沒區(qū)別,每次要請求各種圖片樣式資源,在瀏覽器內(nèi)核里渲染,這個過程叫做加載,無論加載的時間的長短,都會給用戶一種”卡“或者“不靈敏”的感覺,體驗是會比較差一些的;

          而小程序是微信內(nèi)的云端應(yīng)用,通過 WebSocket 雙向通信(保證無需刷新即時通信)、本地緩存(一旦首次打開小程序可以直接緩存很多資源和圖片,降低與服務(wù)器交互延時)以及微信底層技術(shù)優(yōu)化實現(xiàn)了小程序接近原生 APP 的體驗。所以在使用小程序的時候,同等網(wǎng)絡(luò)條件下幾乎不用等待,可以像操作普通 app 一樣流暢。

          小程序的優(yōu)越性體現(xiàn)在既保留了 H5 開發(fā)的便利和靈活性,又可以達到媲美 Native 體驗。

          2) 視覺體驗

          H5 的動畫效果更豐富,自由度更高一些,功能更強

          五、使用場景

          1)打開的方式:就如上面概念里提到的,小程序只能在微信里打開,而 H5 頁面可以借助微信的環(huán)境下掃碼或點擊鏈接打開在任何瀏覽器里打開,所以,如果產(chǎn)品需要通過短信通知用戶帶上訪問地址,就無法用小程序?qū)崿F(xiàn)了;而 H5 可以在短信正文中直接用手機內(nèi)置瀏覽器打開。

          2)分享的方式:由于微信本身的策略的限制,H5 在微信里可以直接分享到朋友圈;而小程序就只能生成帶小程序碼的圖片發(fā)到朋友圈,不如 H5 便捷;但是對于分享到好友或群,小程序提供了卡片式的分享界面,信息多而且看起來很高端,這個效果 H5 是無法做到。

          3)支付能力:因為小程序是內(nèi)嵌在微信里的,所以支付只支持微信支付;而 H5 里可以選擇使用其他支付平臺提供的支付方式,因此 H5 的支付方式更加的多樣化。

          **4)導(dǎo)流量功能:**用戶都在微信上,愿意花錢的用戶也在微信上那我把我的服務(wù)也做到微信上就可以獲取更多客戶了;小程序依附于微信,配合微信 11 億用戶的社交網(wǎng)絡(luò),越來越開發(fā)者選擇微信小程序的技術(shù)的。

          據(jù)小程序團隊透露,目前已經(jīng) 50 萬 + 的開發(fā)者在從事實際的開發(fā),小程序已經(jīng)成為移動互聯(lián)網(wǎng)領(lǐng)域“事實”的標(biāo)準(zhǔn)。伴隨著這種趨勢,阿里、百度分別在 2017 年的 8 月和 2018 年的 3 月啟動了自己的小程序項目,圍繞著支付寶和手機百度 APP 幾個超級 APP 在移動互聯(lián)網(wǎng)領(lǐng)域再次攻城略地。小程序已然成為近幾年最炙手可熱“現(xiàn)象級”技術(shù)。

          5)追蹤用戶行為: 小程序還有一個優(yōu)勢,就是通過小程序的分享轉(zhuǎn)發(fā),每一次誰轉(zhuǎn)發(fā)了,到了哪里,誰點開看了這些信息我們都是可以知道的,通過此可以知道用戶和身邊朋友對品牌的喜好。這個信息是過去 APP 電商、PC 互聯(lián)網(wǎng)電商做不到的,基于社群化的分享和交流可以知道社群消費力是怎么樣的情況,喜歡什么樣的品牌,什么樣的方式更合適。通過這樣的信息收集背后有算法可以比較精確地推薦計算,這些東西的確是在 APP 上、H5 上做不到的。

          總結(jié)

          綜上所述,兩者各有千秋,沒有絕對的優(yōu)勢和劣勢,只有更加適合的使用場景。所以根據(jù)自己產(chǎn)品的需求和目的,去選擇最適合自己的方式即可。

          不過根據(jù)預(yù)測,未來的應(yīng)用的主流趨勢可能是像微信、QQ、微博、支付寶、淘寶、手游這樣的功能強大且高頻次使用的 APP 會保留在手機上,諸如外賣、團購、出行等及時性功能的軟件會被移植到微信或支付寶這樣的平臺上作為小程序的形式存在。

          天朋友圈被一則新聞刷屏了:微信開放一系列基于微信的Web開發(fā)組件,方便用戶在HTML5網(wǎng)頁內(nèi)構(gòu)建與微信打通的輕應(yīng)用。

          民意論調(diào)大致有二:

          總之這回,大家總算不會以為H5只是用來做營銷的小廣告了。但不管你信不信,H5的春天就是要來了!

          以下從5個角度說明這件事的前因后果——

          1、小程序像什么?

          微信推出小程序平臺,之所以強調(diào)“程序”,為的是說明一個問題:

          完成這個東西的所有制作和開發(fā),都是需要寫程序的。

          這樣的平臺和谷歌筆記本的應(yīng)用市場差不多。Google Chrome OS應(yīng)用市場里那些APP,就是HTML5代碼。不過根據(jù)微信小程序的開發(fā)文檔,小程序有自己的一套引擎和優(yōu)化框架。

          這是什么意思?

          就是說微信內(nèi)部做好的Web小程序,并不能通過一般的瀏覽器打開,只能在微信內(nèi)部使用和分享。類似于去年年底國外推出的概念,“Progressive Web APP”,比如能通過Chrome瀏覽器,給予H5網(wǎng)頁離線存儲等原生應(yīng)用的能力。

          所以這樣的小程序需要諸如微信這樣的特定載體,它的出現(xiàn),有弊有利。

          2、它對誰不利了?

          現(xiàn)在原生應(yīng)用的開發(fā)者和平臺肯定很頭疼。

          如果他們要打開B端市場,就得放棄原生應(yīng)用,掉頭去開發(fā)只能在微信內(nèi)部使用的小程序。然而,進軍小程序又意味他們得放棄平臺的獨立性。

          放棄已有市場,還是開辟新天地?這是一個問題。

          3、它對誰最有利?

          反之,小程序的誕生對整個Web生態(tài)、H5生態(tài)都有利。

          比如以下三個方面:

          • 通過利用微信的體量,為多元化的H5內(nèi)容送去更廣大的用戶;

          • 推廣H5的概念,這一下子大家都知道除營銷外,H5還有游戲、輕應(yīng)用等各種各樣的用途,它是入口,也能是終點站;

          • 開放微信原生應(yīng)用的能力,有利于構(gòu)建良好的Web開發(fā)生態(tài),Web 程序員的春天要來了!

          :)

          4、不是程序員怎么辦?

          很多人說快去學(xué)JavaScript這些Web編程語言吧!

          不過也許不需要學(xué)編程,你也可以開發(fā)小程序了。

          因為這次微信開放的接口和框架,文本、表單、操作反饋、導(dǎo)航、媒體組件、地圖、畫布、位置、重力感應(yīng)、動畫、繪圖等等,很多其實已經(jīng)被iH5.cn這樣的H5頁面工具可視化了。

          那小程序誕生,你能干啥?好問題,比如說——

          (1)制作小程序里的H5

          小程序的本質(zhì)還是H5網(wǎng)頁,所以之前H5在微信里怎么玩、怎么做,現(xiàn)在照樣可以用,主要看你要怎么用。

          (2)編譯出小程序的應(yīng)用

          如果能與小程序的推送號進行更好的結(jié)合,iH5可以直接制作并編譯出能放入應(yīng)用號的小程序,程序員依舊不是必須的。

          (3)補充小程序的開發(fā)功能

          iH5目前還提供物理引擎、多屏幕、數(shù)據(jù)庫、圖片序列、中文字體、GIF等等十幾個組件,它們的SDK(軟件開發(fā)工具包)完全可以作為小程序開發(fā)的補充,就看你要不要走捷徑了。

          5、關(guān)你什么事?

          小程序打通了客戶端和H5的連接,利用微信的后臺支撐網(wǎng)絡(luò)通信、數(shù)據(jù)緩存等功能,實際上就是讓H5具備一定的原生應(yīng)用能力。

          對你來說,無論是做H5廣告還是H5輕應(yīng)用、小游戲,做的還是H5。

          小程序的概念不新鮮,但我們要知道H5的春天來了!


          主站蜘蛛池模板: 国产成人精品亚洲一区 | 国产精品亚洲专一区二区三区| 日韩一区二区三区四区不卡| 久久精品一区二区三区中文字幕| 久久久老熟女一区二区三区| 成人精品视频一区二区三区 | 精品久久久久中文字幕一区 | 在线观看亚洲一区二区| 久久精品国产亚洲一区二区| 在线精品国产一区二区三区| 国产高清在线精品一区小说| 一区二区三区美女视频| 亚洲男人的天堂一区二区| 无码人妻一区二区三区在线水卜樱| 狠狠综合久久av一区二区 | 精品一区二区三区自拍图片区| 丰满爆乳一区二区三区| 一区二区三区影院| 在线精品亚洲一区二区小说| 在线视频一区二区三区三区不卡 | 国产精品成人一区无码 | 无码国产精品一区二区免费模式 | 一区二区不卡视频在线观看| 美女视频黄a视频全免费网站一区| 国产成人精品视频一区| 一区二区三区内射美女毛片| 精品一区二区无码AV| 国产午夜精品一区理论片飘花| 久久国产精品一区二区| 蜜桃无码一区二区三区| 国产微拍精品一区二区| 日本一区二区三区在线看| 一区二区三区视频免费| 亚洲国产一区在线| 久久精品免费一区二区喷潮| 日本人的色道www免费一区| 久久精品无码一区二区三区日韩| 久久人妻内射无码一区三区| 亚洲AV噜噜一区二区三区| 精品91一区二区三区| 熟女大屁股白浆一区二区|