1. 程式人生 > >使用Hbuilder快速打包一個app

使用Hbuilder快速打包一個app

HBuilder提供的打包有云端打包和本地打包兩種,雲端打包的特點是DCloud官方配置好了原生的打包環境,可以把HTML等檔案編譯為原生安裝包。

優點:速度快,所需要的環境少,加快了開發者速度,不會因為各種JDK,java,Android環境而無法打包生成apk或ipa頭疼,大大減少了開發繁瑣操作。

方法步驟:

1.下載HBuilder,註冊並登陸。首先開啟“檔案”-“新建”-“移動APP”,輸入“應用名稱”,“位置”可以根據需要自己選擇即可,“選擇模板”建議選擇空模板,如下圖所示:

2.新建完成後, 在專案管理器會顯示新建的專案目錄,其中css,img,js和index.html這幾個檔案可刪可改可替換。

unpackage資料夾是放置app圖示和啟動介面的圖片。

manifest.json檔案是移動App的配置檔案,用於指定應用的顯示名稱、圖示、應用入口檔案地址及需要使用的裝置許可權等資訊,使用者可通過HBuilder的視覺化介面檢視或者原始碼檢視來配置移動App的資訊,如下圖所示:


3.如果刪除了css,img,js資料夾和index.html檔案,就把其他自己打包好的的專案檔案對應複製到資料夾中,注意html檔案中的引用路徑需要保持正確,如下圖自己拷貝的專案(我的是專案打包後的build檔案和index.html檔案,其中css/js/img都在build資料夾下):


4.檔案複製完成後,重新整理更新下,雙擊開啟manifest.json檔案來配置App。

appid:點選雲端獲取。版本號:根據需要來編輯。頁面入口:預設是index.html,根據自己專案需要,更改APP的啟動頁面。應用描述:自己隨便填。應用是否全屏顯示:勾上就全屏顯示,如下圖所示:


5.圖示配置:點選頁面下方的圖示配置,配置APP顯示圖示。

點選"+"號的正方形方框,選擇圖示素材的路徑找到圖示素材,再點選" 自動生成所有圖示並替換"按鈕,完成圖示生成和替換,如下圖所示:

生成的圖示自動在unpackage資料夾下,如下圖所示:


6.在啟動圖片設定裡點選"選擇",找到剛放進來的啟動圖片,如下圖所示:


7.SDK配置:有需要就配置,沒有就預設就行。

   模組許可權配置:有需要就配置,沒有就預設就行。

8.雲端打包:




然後等待幾分鐘,重新整理狀態,就可以看到製作完成,是否下載?點選下載。然後將apk傳送到手機上安裝就可以正常運行了!



以下是apk安裝後再模擬器上執行效果: