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

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

三、配置應(yīng)用圖標(biāo)及啟動圖
1、應(yīng)用圖標(biāo) 應(yīng)用圖標(biāo)是App安裝到手機(jī)后,在手機(jī)桌面顯示的圖標(biāo);按照如下步驟配置應(yīng)用圖標(biāo): 雙擊打開manifest.json文件,點(diǎn)擊下方“圖標(biāo)配置”選項(xiàng)卡。

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

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

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