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

開發(fā)一個app有多難？

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

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

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

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

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

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

如何將html打包成一個app？

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

那種感覺有沒很xx，今天，我來教大家使用方法前端工具打包自己的app；

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

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

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

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

雙擊打開軟件；續(xù)建項目，依據(jù)圖中的步驟來能操作，

1、我們中,選擇第二個uni-app

2、寫好項目名稱

3、中,選擇保存路徑

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

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

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

再點開manifest.json文件，修改基礎(chǔ)配置，把app可以修改成自己的名字和可以使用自己頭像做圖標，

我們這里填好應(yīng)用名稱和描述，第一項app應(yīng)用標識是云端某些的，不必須我們自動填寫好；

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

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

這樣就也差不多了，直接點擊需要保存；

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

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

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

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

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

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

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