一田盈、前言
由于開發(fā)原生應(yīng)用的成本太高，所以有很多應(yīng)用直接是H5代碼套殼而成切距，這里我們主要講解下用HBuilderX將H5簡單的打包成android的apk方法。
image.png
二沃缘、打包流程
1、工具介紹
可以到官網(wǎng)下載工具HBuilder下載地址,此工具主要用來前端開發(fā)蟆盹，但是提供了很簡單的web項(xiàng)目打包方法孩灯，所以我們選擇了他。
2逾滥、新建項(xiàng)目
項(xiàng)目信息配置
3峰档、項(xiàng)目詳情
-
3.1、基礎(chǔ)配置
- 只要需要配置的是manifest.json里的信息
- AppID 盡量不要更改寨昙，官方頁建議不要更改讥巡，具體原因可點(diǎn)擊使用說明查看
- 應(yīng)用名稱：改成自己想要的應(yīng)用名稱即可
- 版本名稱：在升級版本時(shí)記得調(diào)整版本名稱
-
入口地址：想加載的web項(xiàng)目入口地址
基礎(chǔ)配置
3.2、 圖標(biāo)配置
按圖中選中1024x1024大小的logo舔哪，然后選擇自動(dòng)生成欢顷，會生成所有尺寸的圖標(biāo)
- 3.3 、啟動(dòng)圖配置
根據(jù)圖中尺寸配置相應(yīng)大小的啟動(dòng)圖即可
-
3.4捉蚤、SDK配置抬驴，模塊權(quán)限配置
如果web項(xiàng)目有用到對應(yīng)的三方SDK，根據(jù)提示配置即可
權(quán)限也是缆巧，如果有需要就配置布持，沒有需要可以先不配置
SDK配置 -
3.5、其他設(shè)置
-
targetSdkVerson 這個(gè)值有些應(yīng)用市場會有要求陕悬，像百度市場要求
最小為26题暖，故此處我們設(shè)置為26。
image.png
-
-
3.6捉超、源碼視圖
我們上面配置的信息都可以在源碼視圖中看到胧卤，當(dāng)然你也可以在源碼視圖中直接更改這些配置信息
image.png
4、打包
選擇 發(fā)行->原生App-云打包
選擇公用證書拼岳，更改成自己想要的包名枝誊，打包 即可
-
渠道打包可以自己摸索下，沒有嘗試這一塊
image.png 點(diǎn)擊打包后惜纸， 可以在控制臺看到打包狀態(tài)侧啼，打包成功后就會看到（圖-成功）界面的信息。
點(diǎn)擊鏈接即可下載到打包好的apk堪簿，可以將apk直接安裝，也可放到蒲公英皮壁、fir等三方平臺椭更。
-
如果等待時(shí)間過長，也可以通過發(fā)行->原生App-查看云打包狀態(tài) 查看打包狀態(tài)蛾魄。
打包
成功
三虑瀑、總結(jié)
通過上面的操作湿滓，一個(gè)簡單的app制作完成，但是有下面幾點(diǎn)需要說明下舌狗。
- 1叽奥、這樣打包出來的app返回鍵是返回上一界面的，頂部還會有個(gè)控制欄痛侍，樣式什么的可以在sitemap.json中適當(dāng)更改朝氓，具體的可查看代碼。
- 2主届、包名盡量自定義下赵哲，像上面的com.baidu.demo,因?yàn)樽詣?dòng)生成的包名根據(jù)配置的url生成的，如果兩個(gè)域名一樣的web應(yīng)用君丁，會造成兩個(gè)應(yīng)用的包名相同枫夺。
- 3、未盡事宜绘闷，待補(bǔ)充...
