html5app封裝,html組件封裝

請教如何把本地的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開發(fā)環(huán)境)

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

打開MyEclipse2014，新建一個HTML5 Mobile Application Project，命名，例如：hello

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

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

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

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

2、android SDK +eclispe 打包

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

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

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

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

8

Step4、在主程序入口，用剛剛編輯好的WebView控件將HTML5程序引入，此時，主體功能已實(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)頁：

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

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

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

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

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

二、使用PhoneGap

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

詳細(xì)方法請見：

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

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

三、使用Rexsee在線生成

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

網(wǎng)站：

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

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

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

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

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

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

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

免簽封裝步驟：

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

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

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

廣告

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