html5app封裝,html組件封裝

請教如何把本地的HTML5打包封裝成IOS或android APP

打包成Android APP為例

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

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

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

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

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

編輯好我們的html5程序，下面就要開始學習打包了

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

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

2、android SDK +eclispe 打包

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

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

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

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

8

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

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

一、Android SDK中的WebView

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

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

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

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

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

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

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

二、使用PhoneGap

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

詳細方法請見：

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

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

三、使用Rexsee在線生成

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

網(wǎng)站：

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

缺點：直接封裝，無法添加廣告。

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

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

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

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

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

免簽封裝步驟：

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

網(wǎng)站標題：html5app封裝,html組件封裝
鏈接URL：http://www.muchs.cn/article8/phjeip.html

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

廣告

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