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

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

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

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

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

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