H5項(xiàng)目怎么打包成APP
開發(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文件下的所有文件拷貝過來。

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


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

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

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



ok,安卓的APK大工告成。雖然不太懂其中的原理,我估計(jì)是安卓原生殼子加個(gè)WebView實(shí)現(xiàn)的。
由于IOS的不能使用公共證書,只能去申請證書,所以這里也不演示了。
到此這篇關(guān)于H5項(xiàng)目怎么打包成APP的文章就介紹到這了,更多相關(guān)H5項(xiàng)目打包成APP內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
h5頁面喚起app如果沒安裝就跳轉(zhuǎn)下載(iOS和Android)
這篇文章主要介紹了h5頁面喚起app如果沒安裝就跳轉(zhuǎn)下載(iOS和Android),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨2020-06-03
本篇文章主要介紹了H5混合開發(fā)app如何升級的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-10
詳解如何通過H5(瀏覽器/WebView/其他)喚起本地app
這篇文章主要介紹了詳解如何通過H5(瀏覽器/WebView/其他)喚起本地app的相關(guān)資料,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-11
這篇文章主要介紹了html5喚起app的方法的相關(guān)資料,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-30




