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

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

1.新建5+APP項目

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

2.刪除不需要的文件

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

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

即 npm run build 將我們的項目打包生成的dist文件下的所有文件拷貝過來。

4.配置APP

點擊 manifest.json 文件，這里我們可以配置應(yīng)用標識、應(yīng)用名稱、圖標配置等等，可以按自己的需求來一一配置。

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

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

6.安裝apk

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

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

由于IOS的不能使用公共證書，只能去申請證書，所以這里也不演示了。

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

最新評論