H5 手機 App 開發(fā)入門：技術(shù)篇

====================

一、手機 App 技術(shù)棧簡介

在移動應(yīng)用開發(fā)領(lǐng)域，手機 App 的技術(shù)棧大致可分為三類。首先是原生技術(shù)棧，這是特定手機平臺的開發(fā)技術(shù)，例如安卓平臺的 Java 技術(shù)棧，以及 iOS 平臺的 Object-C 技術(shù)?；?Swift 技術(shù)棧。

二、混合技術(shù)棧解析

混合技術(shù)棧涉及混合 App 的開發(fā)。它將 Web 網(wǎng)頁置于特定的容器中，然后打包成各個平臺的原生 App?；旌霞夹g(shù)棧實際上結(jié)合了 Web 技術(shù)棧和容器技術(shù)棧，典型的框架包括 PhoneGap、Cordova 和 Ionic 等。

三、跨平臺技術(shù)棧的崛起

跨平臺技術(shù)棧使用一種技術(shù)同時支持多個手機平臺。與混合技術(shù)棧不同的是，它不使用 Web 技術(shù)，其頁面不是 HTML5 頁面，而是使用自己的語法編寫的 UI 層，然后編譯成各平臺的原生 App。這類技術(shù)?？杉兇庖暈槿萜骷夹g(shù)棧，React Native、Xamarin 和 Flutter 等均屬于此類。開發(fā)者除了需要掌握容器的 API Bridge，還需熟悉容器提供的 UI 層，即如何編寫頁面。

四、H5在混合技術(shù)棧中的應(yīng)用

盡管H5開發(fā)主要應(yīng)用在混合技術(shù)棧中，但跨平臺技術(shù)棧的某些容器（如React Native）也會使用到，因為它們借鑒了 Web 模型來設(shè)計 UI 層。無論是混合技術(shù)棧還是跨平臺技術(shù)棧，其基礎(chǔ)都是原生技術(shù)棧，因為最終都需要編譯成原生 App。了解各平臺的原生技術(shù)是開發(fā)的基礎(chǔ)。

五、WebView：App內(nèi)部的網(wǎng)頁引擎

在App中顯示網(wǎng)頁需要一個網(wǎng)頁引擎來解析，WebView 控件就是擔(dān)任這一角色的系統(tǒng)自帶控件。不同系統(tǒng)的 WebView 控件名稱不同，但作用一致。安卓系統(tǒng)使用的是 WebView，而iOS系統(tǒng)則有 UIWebView 和較新的 WKWebView。無論是哪種技術(shù)棧，處理 WebView 這個原生控件的方式?jīng)Q定了 App 顯示網(wǎng)頁的體驗。

六、如何用H5開發(fā)App

目前，用H5開發(fā)App主要有三種模式。首先是Webapp模式，主要是將網(wǎng)頁版內(nèi)容進行打包，無法調(diào)用原生功能。其次是混合式App，能夠調(diào)用一些原生功能，體驗較Webapp有所提升。最后是RNapp模式，現(xiàn)在的開發(fā)大多采用這種模式，能夠使用大部分的原生功能，與原生App幾乎沒有區(qū)別。開發(fā)者可以根據(jù)需求選擇合適的方式。

七、H5 App開發(fā)框架選擇

在H5 App開發(fā)框架中，Tornado框架表現(xiàn)出色。Tornado是非阻塞式服務(wù)器，速度相當(dāng)快，每秒可以處理數(shù)以千計的連接，對于實時Web服務(wù)來說是一個理想的Web框架。其非阻塞的方式和對 epoll 的運用使其成為開發(fā)高并發(fā)Web服務(wù)器的優(yōu)選。Tornado曾被用于FriendFeed的實時功能開發(fā)，展現(xiàn)了其在處理活動用戶保持服務(wù)器連接方面的優(yōu)勢。

隨著移動開發(fā)技術(shù)的不斷進步，H5在移動App開發(fā)中的應(yīng)用越來越廣泛。開發(fā)者可以根據(jù)項目需求和自身技術(shù)儲備選擇合適的開發(fā)模式和框架，打造出色的移動應(yīng)用。