使用HBuilder將web專案打包成app

huaweichenai發表於2021-01-06

一:下載HBuilder

訪問HBuilder官網下載HBuilder:https://www.dcloud.io/

這裡我下載的是windows版的app開發版

image.png

將HBuilder下載下來後直接解壓即可,他是一個免安裝軟體

二:使用HBuilder打包web專案

1:開啟HBuilder編輯器並進行註冊登入

image.png

2:建立專案,點選左上角檔案-》新建-》專案

QQ截圖20210106104648.jpg

3:這裡我是已經有一個現成的專案,你們可以更加自己的實際情況選擇對應的專案型別,這裡我選擇的是Wap2App,然後填寫一些相關資訊

QQ截圖20210106104733.jpg

專案建立完成之後編輯器的左側顯示如下

image.png

4:這時候我們點選manifest.json檔案進行一些app的配置

image.png

5:配置完成之後,我們點選上面的發行-》原生App-雲打包

image.png

6:配置一些打包的配置項。如下是我打包的一些配置項

image.png

7:配置完成之後,點選打包,這時候編輯就開始打包了,打包完成之後在編輯器下方會有app的下載地址,將app下載下來按照到手機端即可,我們還可以在HBuilder的開發者後臺看到我們建立的應用

相關文章