整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
序猿眼里微信JS-SDK接口的意義
文丨李華棟
上周五微信開放了幾個JS-SDK接口，這對于開發者而言，是繼HTML5標準確定之后網頁方面最大的利好消息。這些接口其實是強化了H5的開發能力，實現在一些通用業務場景下的閉環層次。
我們簡要說一下這些接口可以做哪些擴展：
1、分享類接口
分享標題不再千篇一律，分享圖片也統一，這樣可以讓用戶更好的體驗內容。
分享的統計更加準確（其實微博很早就有）。
當然目前限于騰訊自己的產品分享。
2、圖像類接口
強化微信入口，云盤之類的產品完全可以基于此接口導入流量，目前除了騰訊自己的云盤其他產品估計沒有什么機會了。畢竟在基于用戶基數的時代，誰提供的空間大誰就稱王稱霸的時代已然過時了…
3、音頻類接口
因聲音和圖片的開放，以后在微信朋友圈中分享的內容更加的豐富多彩。圖片和音頻的體驗騰訊肯定會使用全網加速（CDN），一些基于此接口的賀卡類分享會更加普及。這絕逼是一個新的邊緣突破口。
4、智能類接口
支持將語音快速地轉換成文字，開發者無需掌握語音識別相關技術，這也就意味著開發一些語音類的應用不再是原生APP的天下了，不可避免的就加劇了此類App走向衰亡…
5、設備信息類接口
支持獲取當前手機設備的網絡狀態，如2G、3G、4G或WiFi，力圖為用戶提供流暢的瀏覽體驗。也就是說，以后文章的推送除了會考慮屏幕大小還會考慮用戶的網絡條件。
6、地理位置類接口
支持獲取用戶的地理位置信息。以前需要調用各種地圖API,此番動作大大節省了開發難度。
7、界面操作類接口
未來接入微信的功能會越來越多，給用戶一個場景下的簡單操作就顯的尤為重要。
8、掃一掃、支付、卡券類接口
這是針對原生應用的開放，目的是為了強化其入口。這些功能從開發角度來看不管原生還是JS都是有一定難度。
優點很多，但美中略有不足：
出于安全的考量接口只限定于微信內置的瀏覽器使用，但隨著后臺支撐保障的提高，整體開放是必然的趨勢。
不過當下與一些移動應用平臺的結合如AppCan 這類的產品，會對h5應用的開發起到推波助瀾的力度。
注：本文是小黃人團隊的李華棟原創，如需轉載請聯系墨七（bao1222）或注明文章出自微互動（微信ID：wihudong），謝謝配合。
從“微信之父” 張小龍的定義里，我們可以了解到，小程序其實就是內嵌在微信，不需要安裝和卸載的一種新應用形態。它具備的兩個強屬性：提高效率，用完即走！因此小程序的設計以輕便、快捷為原則，鼓勵用戶“即用即走”！
注意：除了微信小程序，還有百度小程序、微信小程序、支付寶小程序、抖音小程序，都是每個平臺自己開發的，都是有針對性平臺的應用程序。以為目前主流的就是微信小程序，所以下文中的小程序都默認指代“微信小程序”！
小程序因為內嵌再微信里，所以它的運行只能依賴微信客戶端，也就是說只能在微信里打開。
H5，也就是“HTML5”，指“HTML”的第 5 個版本。眾所周知“HTML”是”超文本標記語言”，是一門描述網頁的標準語言，所以 HTML5 也是一種網頁技術，而且是更高級的網頁技術，包括 HTML、CSS 和 JavaScript 在內的一套技術組合。
所以，H5 本質上可以理解為是一個網頁！
既然 H5 是網頁，那么依賴的外殼主要是瀏覽器，因此只要有瀏覽器，就可以使用。比如手機內置的瀏覽器，APP 的 web-view 組件，以及小程序提供的 web-view 組件，都可以打開 H5 頁面。
其實從以上的概念的解釋里我們已經能看出來一些基本的區別了。那么接下來，我們就從原理和應用等方面，來分別對比一下小程序和 H5 的不同之處。
H5 和小程序的開發工具就非常不同，小程序都是依賴于微信客戶端的，所以相對來說開發工具沒有 H5 那么多；
而且兩者的開發語言也都是不同的，微信小程序有自己的一套標簽與樣式語言，與標準的 H5 語言是不一樣的；而且還獨立了很多的原生 app 的組件，所以它在組件封裝上面與 H5 也都是有所不同的。
因此，開發一個 H5，需要從開發工具、前端框架、模塊管理工具、任務管理工具，還有 UI 庫選擇、接口調用工具、瀏覽器兼容性等等，都需要考慮周到。盡管大多數開發者面對這些工具時，都有了自己的配置模板，但成本依然不低！
微信小程序的開發使用了改自 js、CSS、HTML 的語言，同時提供了各種自有的組件和 API，是一套為微信量身打造的自定義的語法。因此，不用擔心瀏覽器的兼容性，不用擔心莫名其妙的 bug，而且在微信中小程序的使用體驗比普通 H5 更加順暢、快捷。
所以，小程序的開發成本比以往的 HTML5 開發的 Web 成本低很多。
客戶端運行環境：
H5 因為是網頁，所以運行環境主要是瀏覽器；
微信小程序運行環境是屬于計算機程序，配合自己定義的開發語言標準，大幅提升了小程序的流暢度和性能。
服務器配置：
因為小程序的性能會 H5 高一些，所以服務器的配置要求上來說，小程序的要求要比 H5 更高一些。
因為微信能獲取到更多的系統權限，如網絡通信狀態、數據緩存能力等，這些系統級權限都能與微信小程序無縫銜接，這也就是官方宣稱的微信小程序能夠擁有 Native App（原生 APP）的流暢性能。
而 H5 Web 應用對系統本身的權限的獲取則相對少了很多，這一點恰巧是 H5 Web 應用經常被詬病的地方。也因此，H5 的大多數應用被圈定在業務邏輯簡單、功能單一的范圍上。
1）性能體驗
我們在打開一個 H5 頁面的時候，實際上就是打開一個 Web 網頁，之前在 PC 上瀏覽網頁沒區別，每次要請求各種圖片樣式資源，在瀏覽器內核里渲染，這個過程叫做加載，無論加載的時間的長短，都會給用戶一種”卡“或者“不靈敏”的感覺，體驗是會比較差一些的；
而小程序是微信內的云端應用，通過 WebSocket 雙向通信（保證無需刷新即時通信）、本地緩存（一旦首次打開小程序可以直接緩存很多資源和圖片，降低與服務器交互延時）以及微信底層技術優化實現了小程序接近原生 APP 的體驗。所以在使用小程序的時候，同等網絡條件下幾乎不用等待，可以像操作普通 app 一樣流暢。
小程序的優越性體現在既保留了 H5 開發的便利和靈活性，又可以達到媲美 Native 體驗。
2) 視覺體驗
H5 的動畫效果更豐富，自由度更高一些，功能更強
1）打開的方式：就如上面概念里提到的，小程序只能在微信里打開，而 H5 頁面可以借助微信的環境下掃碼或點擊鏈接打開在任何瀏覽器里打開，所以，如果產品需要通過短信通知用戶帶上訪問地址，就無法用小程序實現了；而 H5 可以在短信正文中直接用手機內置瀏覽器打開。
2）分享的方式：由于微信本身的策略的限制，H5 在微信里可以直接分享到朋友圈；而小程序就只能生成帶小程序碼的圖片發到朋友圈，不如 H5 便捷；但是對于分享到好友或群，小程序提供了卡片式的分享界面，信息多而且看起來很高端，這個效果 H5 是無法做到。
3）支付能力：因為小程序是內嵌在微信里的，所以支付只支持微信支付；而 H5 里可以選擇使用其他支付平臺提供的支付方式，因此 H5 的支付方式更加的多樣化。
**4）導流量功能：**用戶都在微信上，愿意花錢的用戶也在微信上那我把我的服務也做到微信上就可以獲取更多客戶了；小程序依附于微信，配合微信 11 億用戶的社交網絡，越來越開發者選擇微信小程序的技術的。
據小程序團隊透露，目前已經 50 萬 + 的開發者在從事實際的開發，小程序已經成為移動互聯網領域“事實”的標準。伴隨著這種趨勢，阿里、百度分別在 2017 年的 8 月和 2018 年的 3 月啟動了自己的小程序項目，圍繞著支付寶和手機百度 APP 幾個超級 APP 在移動互聯網領域再次攻城略地。小程序已然成為近幾年最炙手可熱“現象級”技術。
5）追蹤用戶行為： 小程序還有一個優勢，就是通過小程序的分享轉發，每一次誰轉發了，到了哪里，誰點開看了這些信息我們都是可以知道的，通過此可以知道用戶和身邊朋友對品牌的喜好。這個信息是過去 APP 電商、PC 互聯網電商做不到的，基于社群化的分享和交流可以知道社群消費力是怎么樣的情況，喜歡什么樣的品牌，什么樣的方式更合適。通過這樣的信息收集背后有算法可以比較精確地推薦計算，這些東西的確是在 APP 上、H5 上做不到的。
綜上所述，兩者各有千秋，沒有絕對的優勢和劣勢，只有更加適合的使用場景。所以根據自己產品的需求和目的，去選擇最適合自己的方式即可。
不過根據預測，未來的應用的主流趨勢可能是像微信、QQ、微博、支付寶、淘寶、手游這樣的功能強大且高頻次使用的 APP 會保留在手機上，諸如外賣、團購、出行等及時性功能的軟件會被移植到微信或支付寶這樣的平臺上作為小程序的形式存在。
天朋友圈被一則新聞刷屏了：微信開放一系列基于微信的Web開發組件，方便用戶在HTML5網頁內構建與微信打通的輕應用。
民意論調大致有二：
總之這回，大家總算不會以為H5只是用來做營銷的小廣告了。但不管你信不信，H5的春天就是要來了！
以下從5個角度說明這件事的前因后果——
1、小程序像什么？
微信推出小程序平臺，之所以強調“程序”，為的是說明一個問題：
完成這個東西的所有制作和開發，都是需要寫程序的。
這樣的平臺和谷歌筆記本的應用市場差不多。Google Chrome OS應用市場里那些APP，就是HTML5代碼。不過根據微信小程序的開發文檔，小程序有自己的一套引擎和優化框架。
這是什么意思？
就是說微信內部做好的Web小程序，并不能通過一般的瀏覽器打開，只能在微信內部使用和分享。類似于去年年底國外推出的概念，“Progressive Web APP”，比如能通過Chrome瀏覽器，給予H5網頁離線存儲等原生應用的能力。
所以這樣的小程序需要諸如微信這樣的特定載體，它的出現，有弊有利。
2、它對誰不利了？
現在原生應用的開發者和平臺肯定很頭疼。
如果他們要打開B端市場，就得放棄原生應用，掉頭去開發只能在微信內部使用的小程序。然而，進軍小程序又意味他們得放棄平臺的獨立性。
放棄已有市場，還是開辟新天地？這是一個問題。
3、它對誰最有利？
反之，小程序的誕生對整個Web生態、H5生態都有利。
比如以下三個方面：
通過利用微信的體量，為多元化的H5內容送去更廣大的用戶；
推廣H5的概念，這一下子大家都知道除營銷外，H5還有游戲、輕應用等各種各樣的用途，它是入口，也能是終點站；
開放微信原生應用的能力，有利于構建良好的Web開發生態，Web 程序員的春天要來了！
：）
4、不是程序員怎么辦？
很多人說快去學JavaScript這些Web編程語言吧！
不過也許不需要學編程，你也可以開發小程序了。
因為這次微信開放的接口和框架，文本、表單、操作反饋、導航、媒體組件、地圖、畫布、位置、重力感應、動畫、繪圖等等，很多其實已經被iH5.cn這樣的H5頁面工具可視化了。
那小程序誕生，你能干啥？好問題，比如說——
（1）制作小程序里的H5
小程序的本質還是H5網頁，所以之前H5在微信里怎么玩、怎么做，現在照樣可以用，主要看你要怎么用。
（2）編譯出小程序的應用
如果能與小程序的推送號進行更好的結合，iH5可以直接制作并編譯出能放入應用號的小程序，程序員依舊不是必須的。
（3）補充小程序的開發功能
iH5目前還提供物理引擎、多屏幕、數據庫、圖片序列、中文字體、GIF等等十幾個組件，它們的SDK（軟件開發工具包）完全可以作為小程序開發的補充，就看你要不要走捷徑了。
5、關你什么事？
小程序打通了客戶端和H5的連接，利用微信的后臺支撐網絡通信、數據緩存等功能，實際上就是讓H5具備一定的原生應用能力。
對你來說，無論是做H5廣告還是H5輕應用、小游戲，做的還是H5。
小程序的概念不新鮮，但我們要知道H5的春天來了！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
