HTML5 Plus移動App，簡稱5+App，是一種基于HTML、JS、CSS編寫的運行于手機端的App，這種App可以通過擴展的JS API任意調用手機的原生能力，實現與原生App同樣強大的功能和性能。

使用HTML5+開發的移動App并非mobile web頁面。這是新手最容易混淆的地方。mobile web的文件存放在web服務器上，而移動App的文件存放在手機本地，編寫移動App的html、js、css文件被打包到ipa或apk等原生安裝包，在手機客戶端運行。

用個更形象的列子，web app仍然是b/s結構，而移動App是c/s結構甚至是完全脫線的單機應用。

以某個小項目舉例：

引入目錄文件

1.png

右鍵生成移動APP后都會在工程下生成manifest.json文件，在“項目管理器”中雙擊即可打開。

Manifest.json文件是5+移動App的配置文件，用于指定應用的顯示名稱、圖標、應用入口文件地址及需要使用的設備權限等信息，用戶可通過HBuilder的可視化界面視圖或者源碼視圖來配置5+移動App的信息。

Manifest.json文件根據w3c的webapp規范制定，plus節點下內容為HTML5Plus擴展規范，其下包括iOS和Android子節點，內容來源分別為iOS和Android原生打包所要求的參數，用于對5+移動App打包為ipa或apk安裝包進行配置。

右鍵生成

HBuilder打開manifest.json文件后默認顯示“可視化視圖”，可配置應用的基本信息：

3.png

應用名稱：App打包后在手機上桌面的快捷方式名稱；

appid：HBuilder appid(應用標識)，在創建時分配的、以后不可改的標識。如用戶手動修改ID打包時會提示參數錯誤；

版本號：應用的版本號，用戶可通過plus API(plus.runtime.version)獲取應用的版本號，需提交App云端打包后才能生效；

入口頁面：應用啟動后自動打開的第一個HTML頁面，可填寫本地html文件地址(相對于應用根目錄)或網絡地址(以http://或https://開頭)。

注意：所有圖片格式必須是png，且嚴格符合分辨率要求。使用其他圖片格式重命名為png會導致打包失敗！

配置完成后可以連接手機運行試看：

點擊運行——手機查看——在xxx手機查看。

如果手機已經通過usb連接上，但是在查看那里找不到設備，先看一下線連好沒有~

可以嘗試重啟設備，或者安裝一個手機助手。

更多解決方案：http://ask.dcloud.net.cn/article/97

查看運行沒問題，就可以打包了。

注意：

1.文件路徑。如果涉及到絕對路徑相對路徑，請確認在項目改名的情況下正確。

2.文件不可包含中文名。

打包

HBuilder提供的打包有云打包和本地打包兩種。此處僅對云打包進行說明。

HBuilder并不會向開發者收取任何有關打包的費用，也不限制開發者使用本地打包。

云打包的特點是DCloud官方配置好了原生的打包環境，可以把HTML等文件編譯為原生安裝包。

以安卓的舉例：可以選擇使用DCloud生成的公用證書或自己生成的證書，兩者不影響安裝包的發布，唯一的差別就是證書中開發者和企業信息不同。

6.png

這里使用公有證書。

想要使用自有證書可以戳教程：http://ask.dcloud.net.cn/article/89

點擊打包按鈕，會彈出提示：

7.png

確認需要的權限都添加完畢后執行打包。

接下來就可以等了。

如果“制作狀態”欄顯示“打包成功，下載完成”則表示云端打包完成，可點擊“打開下載目錄”查看下載的安裝包。

已經打好的安裝包，允許開發者在2天內繼續下載。2天后服務器端會清除文件。

總結

以上是生活随笔為你收集整理的hbuild html5打包apk,使用HBuilder打包5+App的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。