請(qǐng)教如何把本地的HTML5打包封裝成IOS或android APP

打包成Android APP為例

創(chuàng)新互聯(lián)建站是一家專業(yè)提供郁南企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、成都網(wǎng)站制作、html5、小程序制作等業(yè)務(wù)。10年已為郁南眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

下載安裝MyEclipse2014，Android SDK，eclipse(需配置Android開(kāi)發(fā)環(huán)境)

Java和Android環(huán)境安裝與配置，將另寫(xiě)經(jīng)驗(yàn)分享，讀者也可百度參考其他相關(guān)資料，自行安裝

打開(kāi)MyEclipse2014，新建一個(gè)HTML5 Mobile Application Project，命名，例如：hello

html5程序在工程www目錄下編輯；

編輯好我們的html5程序，下面就要開(kāi)始學(xué)習(xí)打包了

這里介紹兩種打包方式：1、PhoneGap Build Service 打包

PhoneGap官網(wǎng)有相關(guān)教程可參考，不具體介紹

2、android SDK +eclispe 打包

android SDK +eclispe 打包(前提已配置好，android開(kāi)發(fā)環(huán)境)：

Step1、啟動(dòng)eclipse，新建Android Application Project，即Android工程，命名，例如：hello

Step2、將前面Myeclipse2014中編輯好的HTML5程序拷至剛剛在eclipse新建hello工程對(duì)應(yīng)assets目錄下面

Step3、下面要做的就是如何將我們的HTML5程序在Android應(yīng)用中啟動(dòng)，這里我們要使用Android系統(tǒng)自帶的WebView控件（具體信息參考Adroid開(kāi)發(fā)文檔）---在工程下找到res-layout-activity_main.xml并打開(kāi)，向里面插入WebView控件，編輯好自己想要的樣式

8

Step4、在主程序入口，用剛剛編輯好的WebView控件將HTML5程序引入，此時(shí)，主體功能已實(shí)現(xiàn)，編譯工程即可得到apk

HTML5如何讓封裝成安卓.apk文件？

一、Android SDK中的WebView

1.在要Activity中實(shí)例化WebView組件：WebView webView = new WebView(this);

2.調(diào)用WebView的loadUrl()方法，設(shè)置WevView要顯示的網(wǎng)頁(yè)：

互聯(lián)網(wǎng)用：webView.loadUrl("");

本地文件用：webView.loadUrl(""); 本地文件存放在：assets 文件中

3.調(diào)用Activity的setContentView( )方法來(lái)顯示網(wǎng)頁(yè)視圖

4.用WebView點(diǎn)鏈接看了很多頁(yè)以后為了讓W(xué)ebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點(diǎn)擊系統(tǒng)回退剪鍵，整個(gè)瀏覽器會(huì)調(diào)用finish()而結(jié)束自身，而不是回退到上一頁(yè)面

5.需要在AndroidManifest.xml文件中添加權(quán)限，否則會(huì)出現(xiàn)Web page not available錯(cuò)誤。

二、使用PhoneGap

PhoneGap是一個(gè)用基于HTML，CSS和JavaScript的，創(chuàng)建移動(dòng)跨平臺(tái)移動(dòng)應(yīng)用程序的快速開(kāi)發(fā)平臺(tái)。它使開(kāi)發(fā)者能夠利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系 人，聲音和振動(dòng)等，此外PhoneGap擁有豐富的插件，可以以此擴(kuò)展無(wú)限的功能。PhoneGap是免費(fèi)的，但是它需要特定平臺(tái)提供的附加軟件，例如 iPhone的iPhone SDK，Android的Android SDK等，

詳細(xì)方法請(qǐng)見(jiàn)：

優(yōu)點(diǎn)：在Eclipse中加入SDK，編程自由，完美適應(yīng)不同設(shè)備屏幕大小，適合高手使用。

缺點(diǎn)：沒(méi)有使用布局，直接加載網(wǎng)頁(yè)，不能添加廣告。

三、使用Rexsee在線生成

Rexsee是開(kāi)源的Android開(kāi)發(fā)平臺(tái)，支持開(kāi)發(fā)者以標(biāo)準(zhǔn)化Web開(kāi)發(fā)模式，使用HTML5、CSS3、Javascript快速實(shí)現(xiàn)移動(dòng)應(yīng)用。會(huì) HTML就會(huì)Android。你要做的只是將做好的HTML5 應(yīng)用上傳到Rexsee服務(wù)器，很快，會(huì)編譯成標(biāo)準(zhǔn)的APK安裝文件。

網(wǎng)站：

優(yōu)點(diǎn)：一鍵生成，適學(xué)普通人使用

缺點(diǎn)：直接封裝，無(wú)法添加廣告。

四、appMobi Html5 XDK 在線生成（使用了PhoneGap插件）

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

兩種方法，一種是“普通封裝+企業(yè)簽名”，一種是“免簽封裝”

封裝就是將HTML5網(wǎng)頁(yè)封裝成一個(gè)APP，安卓封裝APP可以直接安裝，但是ios系統(tǒng)對(duì)應(yīng)用的安裝是有限制的，非App Store下載的應(yīng)用必須要做蘋(píng)果簽名才能成功安裝，所以封裝iOS應(yīng)用后，還需要做一個(gè)簽名。

另一種是免簽封裝，這個(gè)就比較方便了，這個(gè)是專門針對(duì)ios系統(tǒng)的，快速封裝iOS應(yīng)用且不需要簽名。借助開(kāi)發(fā)者服務(wù)平臺(tái)操作很簡(jiǎn)單。

免簽封裝步驟：

百度搜索亥著，只需要提供應(yīng)用名稱、網(wǎng)頁(yè)網(wǎng)址、應(yīng)用logo，就可以快速封裝成一個(gè)ios應(yīng)用了。

網(wǎng)站標(biāo)題：html5app封裝,html組件封裝
鏈接URL：http://m.rwnh.cn/article8/phjeip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)站導(dǎo)航、定制開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)