01-準備好要打包的網頁文件,一般包含HTML-CSS-JS-靜態資源文件:
02-下載HBuilderX,注冊一個賬號-必須注冊賬號(免費)
下載地址:https://www.dcloud.io/hbuilderx.html
03-新建一個H5+項目:
04-然后把以下紅框里面的這些文件都刪掉,只保留一個manifest.json文件:
05-然后把需要打包的文件全部復制到(我的應用)這個文件里面:
以上步驟其實就是把原本H5+的html-css文件替換為自己的
06-點擊manifest.json文件,可以設置app的一些東西,例如應用圖標,名稱,版本號,描述等:
支持的cpu類型,這里最好都選上,畢竟手機類型很多:
07-最后點擊發行–原生App-云打包,選擇如下,點擊打包(默認有開屏廣告,可以勾掉):
08-等待完成即可返回.apk文件路徑,進入此路徑找到apk文件,復制apk文件,通過微信發送到手機,點擊安裝即可:
生成的apk文件如下圖所示:
如果使用例如Vue等框架的項目,由于是框架寫的項目,文件很多且很雜,那么我們可以先執行npm run build打包為純html+css+js這樣的文件,然后再按照如上的方式打包即可。如下Vue3項目打包后的文件:
將網頁打包為app后,用戶可以直接在手機上使用,而不需要打開并輸入網址,提高了用戶的便利性和體驗。
這種方式打包app,其實就是依賴于H5+項目的manifest.json這個配置文件,再加上HBX編輯器配合完成,可打包的對象就是HTML的網頁文件。













