如何將html打包成一個app？很多做web前端也可以h5開發(fā)app的人，都想自己做一個app直接安裝到自己的手機(jī)上，app可以改成自己的名字或者建議使用自己的頭像做圖標(biāo)，感覺上有沒很xx，今天，我來

如何將html打包成一個app？

很多做web前端也可以h5開發(fā)app的人，都想自己做一個app直接安裝到自己的手機(jī)上，app可以改成自己的名字或者建議使用自己的頭像做圖標(biāo)，

感覺上有沒很xx，今天，我來教大家如何修改前端工具穿越小說合集自己的app；

簡單的方法，我們先可以下載工具HBuilderX，官網(wǎng)下載地址：；

可以打開官網(wǎng)后我們再點擊可以下載：

在彈出來的界面中中,選擇自己電腦版本的軟件下載：

上網(wǎng)下載后就接下來，接下來安裝好表就行，由于我的電腦巳經(jīng)按裝了，就并沒有觀摩安裝過程，很簡單啊的，直接安裝過后是這個樣子的：

鼠標(biāo)雙擊可以打開軟件；改擴(kuò)建項目，參照圖中的步驟來不能操作，

1、我們選擇類型第二個uni-app

2、寫好項目名稱

3、你選擇保存路徑

4、你選默認(rèn)模板

然后點擊創(chuàng)建角色，正在此時我們我得到一個創(chuàng)建角色的項目結(jié)構(gòu)：

這里很簡單說一下，因為uni-app基于vue.js來開發(fā)完畢的，所以我會vue的小伙伴們在用站了起來會很容易上手。我們不需要編輯的頁面應(yīng)該是在pages目錄中，這里我們?nèi)绾涡薷奈募缦聢D

再點開manifest.json文件，修改基礎(chǔ)配置，把a(bǔ)pp修改成自己的名字和不使用自己頭像做圖標(biāo)，

我們這里填寫應(yīng)用名稱和描述，第一項app應(yīng)用標(biāo)識是云端獲取的，不要我們不自動填寫；

配置完全安裝到手機(jī)上的圖標(biāo)，畢竟小編手機(jī)是安卓機(jī)，因為這里你選了安卓圖標(biāo)配置，中,選擇的圖標(biāo)參照委托的尺寸大小去做隨機(jī)的圖標(biāo)：

假如是需要改設(shè)置成啟動后圖標(biāo)也可以自己區(qū)設(shè)置如何修改。和如何修改app圖標(biāo)配置差不多；

這樣的就差不多了，直接點擊保存到；

最后再點項目名，然后再工具欄上直接點擊“發(fā)行新——原生app云端發(fā)我”，后再在提示框的界面已取消iOS選項卡，Android在用互換證書，最下面是廣告，如果不是打鉤廣告的話是可以賺收益的，到最后我們?nèi)缓簏c擊“穿越小說合集”

發(fā)到郵箱要幾分鐘，等等一會兒我們就可以找到去下載的界面：

點擊鏈接就可以不直接下載apk包了：

正當(dāng)此時我們把下載下了的apk包傳手機(jī)上就是可以按裝了。這是我已經(jīng)按裝那樣最好的截圖：

這里因為uni-app設(shè)置不使用流動起來布局，因為這里所有的li都不顯示到了一行；

以前開發(fā)完畢一個app，需要一個安卓和一個IOS原生開發(fā)，各自開發(fā)一套以不適應(yīng)完全不同的手機(jī)操作系統(tǒng)，這樣的話做給予的問題那就是要變更土地性質(zhì)兩套一般的app，而且開發(fā)成本和維護(hù)成本會極大增加；而近幾年隨著前端技術(shù)的不斷發(fā)展，這一問題可以不在前端完美的東西幫忙解決；這給我們web前端的小伙伴受到了福音，開發(fā)一套代碼這個可以多變（安卓，iOS，小程序，h5）運行程序；

你是不是很棒，小伙伴們，忙不迭地拿著自己的手機(jī)安裝一個不屬于自己的app吧。

如何優(yōu)雅的使用vue vux開發(fā)app？

通過HBuilder的云端打包技術(shù)（也可以放在本地），

你只要寫htmljscss即可開發(fā)出app，

但是是四次開發(fā)，即可生成android和ios兩種隨機(jī)app。

原理介紹-ui層

app中的ui隨機(jī)html中的ui，你是可以讓其選擇ui框架，

無論bootstrap我還是amazeui，那就jquerymobi（phonegap推薦ui），

那就HBuilder幫我推薦的mui都可以，

這里建議不使用HBuilder我推薦的mui，

而且裸芯片了一部分nativejs的東西，

并且HBuilder也裸芯片了mui的快捷鍵，在用起來很方便啊。

歸納下，是用html層次的ui框架來實現(xiàn)（設(shè)計模擬）app中的ui。