一、部署H5
1、用HBuilderX打包成H5頁面,部署H5頁面到自己的服務器。
二、Wap2App創(chuàng)建
1、在HBuilderX中選擇文件-新建-項目,創(chuàng)建Wap2App項目,項目名自定義,wap站首頁地址為H5部署地址,模板可以選擇默認模板。

2、工程創(chuàng)建后默認項目結(jié)構(gòu)如下:

三、配置應用圖標及啟動圖
1、應用圖標 應用圖標是App安裝到手機后,在手機桌面顯示的圖標;按照如下步驟配置應用圖標: 雙擊打開manifest.json文件,點擊下方“圖標配置”選項卡。

建議配置1024*1024的大圖標,然后自動生成并替換各種分辨率的圖標。
2、啟動圖片 啟動圖片是用戶從點擊桌面圖標到進入應用首頁中間顯示的歡迎圖片;按照如下步驟配置應用圖標。

根據(jù)需要配置不同分辨率的啟動圖片,例如僅生成Android安裝包,則僅配置Android啟動圖片即可。
四、應用發(fā)布
1、wap2app項目可以打包成iOS平臺的ipa安裝包、Android平臺的apk安裝包。
2、在HBuilder中,點擊頂部“發(fā)行”菜單,點擊“原生App-云打包”,如下:

3、選擇需要打包的平臺,選擇打包證書(iOS平臺打包需要配置iOS證書),點擊“打包”按鈕即可提交云端打包,打包完成后會自動下載安裝包,安裝到手機即可體驗。
4、建議使用自有證書,避免打包中出現(xiàn)一些奇怪的問題。