H5必知必會之與App交互

1、H5與原生應(yīng)用的交互都是通過原生應(yīng)用中的WebView實現(xiàn)的。通過這個環(huán)境，H5可以調(diào)用原生應(yīng)用注入其中的原生對象的方法，原生應(yīng)用也可以調(diào)用H5暴露在這個環(huán)境中的JavaScript對象的方法，從而實現(xiàn)指令與數(shù)據(jù)的傳輸。

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

2、所以，往往在實際項目-中，會嵌套很多H5頁面，一個H5頁面同時兼容安卓和IOS兩個系統(tǒng) ，這樣一來，大大減少了開發(fā)成本，前端開發(fā)頁面就必須和原生進行交互。

3、通訊方法如下：URL Scheme 是最常見的方法了，它的核心概念是攔截URL。APP實現(xiàn)了一個webview，H5在其內(nèi)打開。它可以攔截到H5發(fā)生的跳轉(zhuǎn)信息，如URL。

前后臺分離h5和后臺數(shù)據(jù)接口怎么交互數(shù)據(jù)的

簡單點說，就是前端技術(shù)與后端技術(shù)溝通，根據(jù)業(yè)務(wù)定義交互接口，交互接口的的形式可能包含：后端將數(shù)據(jù)輸出到HTML頁面，在JS控制邏輯中需要訪問數(shù)據(jù)時可以從HTML中取得。

常見的HTML5與后臺交互方式有：1 傳統(tǒng)的GET、POST提交FORM，2 使用AJAX技術(shù)交互 3 使用 websocket 交互 其實還有一個技術(shù)是使用iframe來進行交互，不過，這個技術(shù)現(xiàn)在用的已經(jīng)不多了。

前后端分離是將前端開發(fā)和后端開發(fā)隔離開來，前端開發(fā)人員只負(fù)責(zé)HTML、JS、CSS，后端人員只負(fù)責(zé)PHP，兩者的交互只會通過接口調(diào)用的方式，如使用Ajax。

H5與原生的交互方案-JockeyJS

1、前提是原生需要將對應(yīng)的設(shè)備號，加密方式，請求數(shù)據(jù)所需要的各種參數(shù)通過回調(diào)函數(shù)傳遞給H5頁面，H5頁面拿到這些數(shù)據(jù)后直接調(diào)后臺的借口、獲取到數(shù)據(jù)。

2、app混合開發(fā)，嵌入h5頁面，應(yīng)該是現(xiàn)在比較流行的一種開發(fā)方式。優(yōu)點：開發(fā)速度快、app不用頻繁提交審核、發(fā)版；缺點：h5的交互畢竟不如原生，開發(fā)時的溝通成本較大。

3、JS與IOS交互方式一：WKScriptMessageHandler WKWebView有一個內(nèi)容交互控制器，該對象提供了通過JS向WKWebView發(fā)送消息的途徑。需要設(shè)置MessageHandler，大家把這個功能簡稱為MessageHandler。

4、H5版上只做查詢、瀏覽、顯示結(jié)果等操作。精簡功能，只將核心的任務(wù)實現(xiàn)，非核心的枝節(jié)可考慮刪減。減少頁面層級的數(shù)量和輸入操作。

5、H5 頁面在業(yè)務(wù)流程處理中，可能會需要引導(dǎo)用戶到原生APP界面完成部分功能，然后再返回。也可能需要客戶端幫忙在新的頁面中打開指定鏈接，避免污染當(dāng)前瀏覽器環(huán)境的頁面路徑。