前端面試之hybrid

摘要： hybrid server 1.2 hybrid 存在價值 可以快速迭代更新【關鍵】（無需 app 稽核，思考為何？） 體驗流暢（和 NA 的體驗基本類似） 減少開發和溝通成本，雙端公用一套程式碼 1.3 webview ...

hybrid
server

1.2 hybrid 存在價值

• 可以快速迭代更新【關鍵】（無需 app 稽核，思考為何？）
• 體驗流暢（和 NA 的體驗基本類似）
• 減少開發和溝通成本，雙端公用一套程式碼

1.3 webview

• 是 app 中的一個元件（ app 可以有 webview ，也可以沒有）
• 於載入 h5 頁面，即一個小型的瀏覽器核心

1.4 file 協議

• 其實在一開始接觸 html 開發，就已經使用了 file 協議
• 只不過你當時沒有“協議”“標準”等這些概念

1.5 http(s) 協議

1.6 兩者區別

file
http(s)

1.7 具體實現

hybrid
NA
hybrid
h5

實現

html js css
app
webview
file

二、hybrid 更新上線流程

2.1 具體流程圖

思考（目的，可行途徑）

• 要替換每個客戶端的靜態檔案
• 只能客戶端來做（客戶端是我們開發的）
• 客戶端去 server 下載最新的靜態檔案
• 我們維護 server 的靜態檔案

2.2 完整流程

201803211015
zip
zip

要點總結

zip
zip
zip

三、hybrid 和 h5 的區別

3.1 優點

NA
app

3.2 缺點

bug

3.3 適用的場景

• hybrid ： 產品的穩定功能，體驗要求高，迭代頻繁
• h5 ： 單詞的運營活動（如 xx 紅包）或不常用功能

四、前端和客戶端通訊

4.1 JS 和客戶端通訊的基本形式

JS

4.2 schema 協議簡介和使用

• 之前介紹了 http(s) 和 file 協議
• schema 協議 —— 前端和客戶端通訊的約定