H5頁面與原生App(安卓,IOS)交互

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

創(chuàng)新互聯(lián)建站是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、成都微信小程序、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十多年以來，已經(jīng)為1000多家水電改造各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的1000多家客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

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

跟原生一樣，H5需要寫好方法，讓原生調(diào)用，這里調(diào)用就是原生直接調(diào)用了H5的方法，當然這個方法是要全局的方法，在window對象中的。

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ù)的傳輸。

WKScriptMessageHandler(只適用于WKWebView，iOS8+)WebViewJavaScriptBridge(適用于UIWebView和WKWebView，第三方框架)，JockeyJS。

有直接把HTML5網(wǎng)頁封裝成IOS應(yīng)用的工具嗎

HBuilder算是不錯的封裝工具。還有很多其他的工具也可以嘗試，各有特色。

AppStore是蘋果原生應(yīng)用商店，開發(fā)語言是object-c或者swift，而html5開發(fā)的則是跨平臺的瀏覽器程序，它不需要蘋果商店，直接使用ios里的瀏覽器訪問網(wǎng)頁即可。

. PhoneGap Build Service可以幫助你創(chuàng)建Windows Phone， iOS和Android的應(yīng)用。已經(jīng)用PhoneGap Build Service直接將原封不動的html5網(wǎng)站打包成.ipa和.apk包，并且安裝成功。沒有看到windows phone的包。

如何開發(fā)同時支持ios和Android的應(yīng)用?html5

iOS(@1x 下 44px)和 Android(1：1 比率下 48p)都有對可觸摸元件的設(shè)計規(guī)范。MD 規(guī)范同樣建議對所有元素使用 8dp 網(wǎng)格對齊。

一：現(xiàn)在HTML5非?；鸬募夹g(shù)，主要方向在使用高端瀏覽器的高端移動設(shè)備，所以可以用作開發(fā)Android系統(tǒng)的App。二：html5對android、ios系統(tǒng)都支持。

LungoJS這個是被認為開發(fā)移動網(wǎng)站最好的HTML5開發(fā)框架，使用HTML5/CSS3和JavaScript技術(shù)?？蓭椭鷦?chuàng)建基于iOS、Android、Blackberry和WebOS平臺的應(yīng)用程序。

可以學(xué)習(xí)下APICloud，就是用HTML5來開發(fā)iOS、Android原生APP，可一套代碼同時生成iOS、Android安裝包。

國外的制作工具Appmakr。Appmakr是國外最流行的DIYApp在線開發(fā)工具，目前支持iOS、Android和WindowsPhone等系統(tǒng)。Appmakr可以讓用戶無需編程就能創(chuàng)見iOS和AndroidApp。