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

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

用個更形象的列子，web app仍然是b/s結(jié)構(gòu)，而移動App是c/s結(jié)構(gòu)甚至是完全脫線的單機應(yīng)用。

以某個小項目舉例：

引入目錄文件

1.png

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

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

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

右鍵生成

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

3.png

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

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

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

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

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

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

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

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

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

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

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

注意：

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

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

打包

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

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

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

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

6.png

這里使用公有證書。

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

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

7.png

確認需要的權(quán)限都添加完畢后執(zhí)行打包。

接下來就可以等了。

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

已經(jīng)打好的安裝包，允許開發(fā)者在2天內(nèi)繼續(xù)下載。2天后服務(wù)器端會清除文件。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。