如何將WEB網頁打包為APP？
首先我們需要用到HBuilder。
什麼是HBuilder？
HBuilder是DCloud（數字天堂）推出的一款支援HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫，它基於Eclipse，所以順其自然地相容了Eclipse的外掛。快，是HBuilder的最大優勢，通過完整的語法提示和程式碼輸入法、程式碼塊等，大幅提升HTML、js、css的開發效率。當知道如何建立HTML5 APP專案，以及APP頁面如何除錯後。接下來，需要考慮的就是HTML5 APP專案打包的事情。
HBuilder安裝完畢後選擇新建移動APP專案。
直接把專案按檔案分類拖進去。
在HBuilder中建立“移動App”應用後後都會在工程下生成manifest.json檔案，在“專案管理器”中雙擊即可開啟
Manifest.json文件介紹：
Manifest.json檔案是5+移動App的配置檔案，用於指定應用的顯示名稱、圖示、應用入口檔案地址及需要使用的裝置許可權等資訊，使用者可通過HBuilder的視覺化介面檢視或者原始碼檢視來配置5+移動App的資訊。
Manifest.json檔案根據w3c的webapp規範制定，plus節點下內容為HTML5Plus擴充套件規範，其下包括iOS和Android子節點，內容來源分別為iOS和Android原生打包所要求的引數，用於對5+移動App打包為ipa或apk安裝包進行配置。
應用資訊配置：
可通過點選表示裝置方向的按鈕來選擇裝置支援重力感應旋轉方向。
重力選擇按鈕可選擇一個或多個，選擇多個方向後，應用可按照指定方向顯示應用頁面，如只選中一個按鈕，表示終端只支援一個方向顯示頁面內容
應用名稱：App打包後在手機上桌面的快捷方式名稱；
appid：HBuilder appid（應用標識），在建立時分配的、以後不可改的標識。如使用者手動修改ID打包時會提示引數錯誤；
版本號：應用的版本號
入口頁面：應用啟動後自動開啟的第一個HTML頁面，可填寫本地html檔案地址（相對於應用根目錄）或網路地址（以http://或https://開頭）。
debug模式：不勾選打包後的apk不生成日誌檔案
點選“發行”-“發行為原生安裝包”
可以勾選ios和Android的安裝包
ios選項：預設選擇ipone和ipad版本，選擇越獄包可以不需要蘋果證書，如果是需要釋出到蘋果商店點選使用證書，在下方ios開發者證書把相應的描述檔案和私鑰檔案上傳好。
Android選項：如果只是打包的應用是自己用的話可以選擇DCloud公用證書，如果是需要釋出到線上應用商店徐點選使用自有證書，在下方的Google開發者證書把相應的證書檔案、密碼上傳上去。
圖示檔案和啟動圖片都需要png格式的圖片，使用者可以根據HBuilder提示新增指定尺寸的圖片
或者通過修改manifest檔案修改圖片的引用地址
設定應用圖示只能上傳png格式的圖片，可以通過上傳一張192x192的源圖片，可以選擇自動生成所有ios和Android上不同格式的應用圖示。
點選選單欄“執行”-“手機執行"（可以是Android手機執行，也可以是IOS手機執行）---- 前提是用資料線連線手機和電腦端。
首次手機執行，會自動安裝HBuilder APP軟體（該軟體用於直接開啟執行的APP軟體介面），下面是安裝完成的效果。
對於安桌手機，需要先把USB除錯和USB安裝應用選項開啟，安裝HBuilder APP軟體後，會自動開啟執行的APP軟體。對於IOS手機，需要在電腦上開啟itunes，通過itunes連線到手機，安裝HBuilder APP軟體後，需人工點選HBuilder APP軟體開啟執行的APP軟體。
擴充套件
還有什麼比較好的打包的軟體?
ios打包ipa：iOS開發環境，Mac OS、XCode；
Android打包apk：Android開發環境，使用eclipse和ADT；
參考文獻
DCloud文件： http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/89
5+APP開發入門指南：http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/89
QA
打包應用時的開發者證書怎麼獲取？
參照以下連結
http://www.cnblogs.com/vincent-guo/p/3568074.html
http://www.cnblogs.com/franksunny/p/3938143.html
http://www.jianshu.com/p/01e2b977f177
對安卓各個版本和機型的相容性
一般可以適應安卓4.0以上