開(kāi)發(fā)uni-app的編輯器HBuilderX可以將H5項(xiàng)目打包成APP，相信很多小伙伴還不知道這個(gè)功能。下面將介紹下如何將H5打包成APP。

HBuilderX下載鏈接：https://www.dcloud.io/hbuilderx.html

1.新建5+APP項(xiàng)目

選擇文件>新建>項(xiàng)目，新建5+APP項(xiàng)目，選擇默認(rèn)模板即可，填入項(xiàng)目名稱和地址后，點(diǎn)擊創(chuàng)建即可。

2.刪除不需要的文件

將除了 manifest.json 外的所有文件刪除，其實(shí)這些就是H5文件，我們肯定要用自己的

3.將H5打包的文件拷貝到當(dāng)前目錄下

即 npm run build 將我們的項(xiàng)目打包生成的dist文件下的所有文件拷貝過(guò)來(lái)。

4.配置APP

點(diǎn)擊 manifest.json 文件，這里我們可以配置應(yīng)用標(biāo)識(shí)、應(yīng)用名稱、圖標(biāo)配置等等，可以按自己的需求來(lái)一一配置。

5.發(fā)行-云打包

由于是自己調(diào)試，可以選擇公共測(cè)試證書(shū)，然后點(diǎn)擊打包即可。注意，第一次打包還需要實(shí)名認(rèn)證賬號(hào)，在DCloud官網(wǎng)認(rèn)證登陸認(rèn)證下即可。

6.安裝apk

打包預(yù)計(jì)2-5分鐘，打開(kāi)本地目錄即可找到對(duì)應(yīng)的apk，發(fā)送到手機(jī)上安裝即可。

ok，安卓的APK大工告成。雖然不太懂其中的原理，我估計(jì)是安卓原生殼子加個(gè)WebView實(shí)現(xiàn)的。

由于IOS的不能使用公共證書(shū)，只能去申請(qǐng)證書(shū)，所以這里也不演示了。

到此這篇關(guān)于H5項(xiàng)目怎么打包成APP的文章就介紹到這了,更多相關(guān)H5項(xiàng)目打包成APP內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論