開(kāi)發(fā)一個(gè)app有多難？先說(shuō)有一點(diǎn)，我是前端工程師，因此開(kāi)發(fā)app建議使用的是H5的東西，并非原生安卓和IOS，肯定還有一個(gè)個(gè)很激狂的Flutter，只不過(guò)沒(méi)幾乎投用。所以才我以下說(shuō)的只根據(jù)前端的想開(kāi)發(fā)

開(kāi)發(fā)一個(gè)app有多難？

先說(shuō)有一點(diǎn)，我是前端工程師，因此開(kāi)發(fā)app建議使用的是H5的東西，并非原生安卓和IOS，肯定還有一個(gè)個(gè)很激狂的Flutter，只不過(guò)沒(méi)幾乎投用。所以才我以下說(shuō)的只根據(jù)前端的想開(kāi)發(fā)app的朋友。當(dāng)然我也剛開(kāi)發(fā)了幾個(gè)，另外很多經(jīng)驗(yàn)不足，假如寫(xiě)的有問(wèn)題我希望鑒諒。

當(dāng)然我做開(kāi)發(fā)網(wǎng)剛?cè)甓嗟臅r(shí)間，說(shuō)實(shí)話我覺(jué)得要是僅僅旗下市面上已經(jīng)有的東西，應(yīng)該相對(duì)很容易的，現(xiàn)在有很多成熟的框架，有很還好的api借鑒，網(wǎng)上也有很多資源，很多時(shí)候都這個(gè)可以查看到。你遇到問(wèn)題之前搞不好有很多前輩也碰到過(guò)，好好上官方論壇，跟大家交流學(xué)習(xí)。我感覺(jué)真正很難的東西肯定是你怎么能做繼續(xù)，又不是說(shuō)接觸個(gè)問(wèn)題想都不想就找人問(wèn)，這樣的態(tài)度我不我推薦。就算是你的問(wèn)題很簡(jiǎn)單啊，最后才發(fā)現(xiàn)那個(gè)只是因?yàn)閮尚写a的事，但是這個(gè)結(jié)果也緣于你之前的不斷地追問(wèn)，知識(shí)去學(xué)了才是自己的。

跟大家簡(jiǎn)單點(diǎn)能分享下我的經(jīng)歷。那個(gè)app是得用mui開(kāi)發(fā)物流一柄，簡(jiǎn)單說(shuō)那就是接單完單可以上傳信息，查看歷史單等等。公司就我一個(gè)前端，做項(xiàng)目之前mui我也才看了一周左右。倒是但是html頁(yè)面而已，不過(guò)也有很多動(dòng)態(tài)創(chuàng)建原生的東西。記得那時(shí)一天都工作不到很晚，簡(jiǎn)單登錄列表總是顯示頁(yè)面，這些我還是好寫(xiě)的。晚上晚上下班之后我就呆在公司相關(guān)的資料咋調(diào)用系統(tǒng)攝像頭，怎莫使用二維碼，怎末全局函數(shù)支付收款。也很興奮，自己零起步做沒(méi)人帶。當(dāng)時(shí)看了官方集成的html5，很多都是樣例，當(dāng)然了也會(huì)增強(qiáng)自己的功能略作改動(dòng)。也一并加入了幾個(gè)群，可是說(shuō)有很多瞎扯蛋，可是也有很多人在探討技術(shù)。所以資源很多，自己主動(dòng)去找。聽(tīng)說(shuō)后來(lái)在的新的時(shí)候，開(kāi)發(fā)效率就馬上了。

當(dāng)時(shí)有個(gè)很麻煩的事是動(dòng)態(tài)鏈接庫(kù)地圖。我是pc和app同樣做的，pc投遞，app搶單，用的也是高德地圖jsapi。但是到手機(jī)上就沒(méi)法用了，我也也不知為么。也找了很多東西，不過(guò)發(fā)郵箱不出來(lái)的基本上是地圖不不顯示。問(wèn)了有個(gè)人的顯示，再細(xì)問(wèn)他呢，他就說(shuō)我都是剛弄，我的就能不出來(lái)，人家列害，我能說(shuō)什么，自己瞎嚷嚷唄。我模糊地記住弄了三周，別的布局什么寫(xiě)的也很快，所以我每天都弄地圖了。結(jié)果真的是瞎貓遇上死耗子了，我真懂為什么不會(huì)不會(huì)跟軟件版本還是什么有關(guān)系。我沒(méi)有用sdk不過(guò)引了百度的地圖sdk，jsapi在用的高德的，沒(méi)顯示最終。不過(guò)很多人會(huì)疑問(wèn)，你們最好別糾結(jié)中這個(gè)，有用的是效果必須得出，我這些話可能會(huì)容易，也可能是運(yùn)氣，只不過(guò)這一些大都建立在前期自己的努力琢磨，查閱資料。原來(lái)是看小說(shuō)清楚了稻盛和夫，現(xiàn)在是實(shí)踐中表述了稻盛和夫先生。

現(xiàn)在我在建議使用mui團(tuán)隊(duì)開(kāi)發(fā)的另一個(gè)框架uniapp開(kāi)發(fā)一個(gè)簡(jiǎn)易版的頭條。都是文章，專(zhuān)家，訂閱，評(píng)論等等內(nèi)容。正在時(shí)候自己漸漸地看文檔，看官方例子，搶先出手去橫寫(xiě)，進(jìn)入到了下flex布局。宿舍的分裝，優(yōu)化系統(tǒng)promise請(qǐng)求。當(dāng)然也遇上很多坑，像軟鍵盤(pán)自動(dòng)彈出對(duì)布局的被擠壓，這里面沒(méi)有window，document這些瀏覽器的對(duì)象了。像富文本解析，又要對(duì)解析不出來(lái)的文本字體縮放，圖片點(diǎn)擊，復(fù)制粘貼。uniapp基本是基于組件小程序的api語(yǔ)法，因?yàn)樽约阂踩ジ闳フ?，上個(gè)月忙了整月，現(xiàn)在基本都是可以了。不擔(dān)心走歪路，走多了就明白怎摸思考了，怎摸解決問(wèn)題的方法了。

我只是個(gè)小開(kāi)發(fā)，始終在怎么學(xué)習(xí)，在才發(fā)現(xiàn)。希望跟大家齊一進(jìn)步。要是有想所了解得東西是可以給我留言，我也我希望去分享分享自己的經(jīng)歷。百度網(wǎng)盤(pán)也有些教程，有必須的小伙伴可以不找我，不需關(guān)注。謝謝啦閱讀！

如何將html打包成一個(gè)app？

很多做web前端的或h5開(kāi)發(fā)app的人，都想自己做一個(gè)app按裝到自己的手機(jī)上，app可以改成自己的名字或則在用自己的頭像做圖標(biāo)，

那種感覺(jué)有沒(méi)很xx，今天，我來(lái)教大家使用方法前端工具打包自己的app；

簡(jiǎn)單，我們先上網(wǎng)下載工具HBuilderX，官網(wǎng)下載地址：；

打開(kāi)官網(wǎng)后我們?cè)冱c(diǎn)擊下載：

在自動(dòng)彈出的界面中選擇類(lèi)型自己電腦版本的軟件下載：

去下載后再下一步，然后再完全安裝去掉，的原因我的電腦已經(jīng)直接安裝了，就不再實(shí)時(shí)演示按裝過(guò)程，很簡(jiǎn)單啊的，安裝好過(guò)后是這個(gè)樣子的：

雙擊打開(kāi)軟件；續(xù)建項(xiàng)目，依據(jù)圖中的步驟來(lái)能操作，

1、我們中,選擇第二個(gè)uni-app

2、寫(xiě)好項(xiàng)目名稱(chēng)

3、中,選擇保存路徑

4、選擇設(shè)置模板

然后點(diǎn)擊創(chuàng)建家族，正在此時(shí)我們我得到一個(gè)創(chuàng)建角色的項(xiàng)目結(jié)構(gòu)：

這里簡(jiǎn)單點(diǎn)說(shuō)幫一下忙，畢竟uni-app基于組件vue.js來(lái)開(kāi)發(fā)完畢的，所以會(huì)vue的小伙伴們建議使用過(guò)來(lái)會(huì)很上手容易。我們要編輯的頁(yè)面應(yīng)該是在pages目錄中，這里我們改文件如下圖

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

我們這里填好應(yīng)用名稱(chēng)和描述，第一項(xiàng)app應(yīng)用標(biāo)識(shí)是云端某些的，不必須我們自動(dòng)填寫(xiě)好；

配置完全安裝到手機(jī)上的圖標(biāo)，畢竟小編手機(jī)是安卓機(jī)，因此這里你選了安卓圖標(biāo)配置，你選的圖標(biāo)依據(jù)什么更改的尺寸大小做到對(duì)應(yīng)的圖標(biāo)：

如果是需要改系統(tǒng)默認(rèn)啟動(dòng)后圖標(biāo)可以不自己區(qū)設(shè)置修改。和修改app圖標(biāo)配置一樣；

這樣就也差不多了，直接點(diǎn)擊需要保存；

結(jié)果點(diǎn)擊項(xiàng)目名，然后把再工具欄上再點(diǎn)“發(fā)行——原生app云端發(fā)郵箱”，然后再在彈出的界面已取消iOS打勾，Android不使用同一臺(tái)證書(shū)，最下面是廣告，假如打勾廣告的話也可以賺收益的，最后我們點(diǎn)擊“發(fā)到郵箱”

發(fā)郵箱不需要幾分鐘，等半天我們就可以看見(jiàn)下載的界面：

點(diǎn)擊鏈接就也可以下載apk包了：

過(guò)了一會(huì)兒我們把去下載過(guò)去的apk包傳到手機(jī)上就可以不按裝了。這是我已經(jīng)直接安裝那樣最好的截圖：

這里只不過(guò)uni-app設(shè)置為在用緩緩流動(dòng)布局，所以這里所有的li都顯示到了一行；

以前開(kāi)發(fā)一個(gè)app，需要一個(gè)安卓和一個(gè)IOS原生開(kāi)發(fā)，各自變更土地性質(zhì)一套以慢慢適應(yīng)差別的手機(jī)操作系統(tǒng)，這樣的話做帶來(lái)的問(wèn)題那是是需要旗下兩套差不多的app，但開(kāi)發(fā)成本和維護(hù)成本會(huì)大家提高；而近幾年與此同時(shí)前端技術(shù)的不斷發(fā)展，這一問(wèn)題這個(gè)可以在前端關(guān)于完美能解決；這給我們web前端的小伙伴給了了福音，開(kāi)發(fā)一套代碼可以變幻無(wú)窮（安卓，iOS，小程序，h5）正常運(yùn)行；

是不是很棒，小伙伴們，慌忙拿著自己的手機(jī)完全安裝一個(gè)都屬于自己的app吧。