建站
咨詢
售后
建站咨詢
新聞中心
在過去的24個月中，我們花費 17.193,00 個小時使用 Flutter 完成了10個商業(yè)應(yīng)用程序，本文將分享我們的見解。
閱讀本文后，您將學(xué)習(xí)到：
- 選擇Flutter的原因是什么？ Flutter對預(yù)算和穩(wěn)定性有什么影響？
- Flutter準備好用于企業(yè)應(yīng)用程序了嗎？
- 與Xamarin相比，F(xiàn)lutter的表現(xiàn)如何？
- Flutter適合哪些項目？
自2018年7月在LeanCode上開始在Flutter上開發(fā)我們的第一個商業(yè)應(yīng)用程序以來，到現(xiàn)在已經(jīng)有兩年了，當我第一次了解Flutter時，盡管它很有前景，但我仍然持懷疑態(tài)度，主要是因為我們最近對Xamarin的投資給我們帶來了負面體驗。 由于我們的團隊一直希望在項目中使用一些激動人心的新技術(shù)，因此我們希望它能夠證明它能給客戶帶來真正的價值。
這是一個農(nóng)業(yè)項目，與牧群管理打交道，這是一個非常有趣而且典型的項目，管理員使用該系統(tǒng)來計算對谷倉的需求，而我們的團隊認為，從UX的角度來看，這是一個很好的見解。
在兩天內(nèi)，他們自豪地展示了概念驗證方案，證明了制作動畫非常容易，可以為您帶來出色而流暢的體驗。最終，這已演變?yōu)橥暾壤膭赢嫞梢栽诖颂幙吹剑?/p>
有了這個喜悅，我確信Flutter值得嘗試。
最初，我們沒有將自己100％投入Flutter，而是與 React Native 項目并行進行。在沒有Flutter團隊官方支持的情況下編寫第一個Google Maps實現(xiàn)，對此我感到悲觀。您可以在https://leancode.pl/case-studies/kezia-app 了解有關(guān)在Flutter中編寫第一個商業(yè)應(yīng)用程序的經(jīng)驗以及相關(guān)困難的更多信息。最終，我們交付的是一個相對簡單的應(yīng)用程序，少于40個視圖，且Flutter開發(fā)時間不到500小時。
自從我們交付了第一個應(yīng)用程序并從客戶那里收集到了五星級好評，我們認為，我們應(yīng)該開始更加積極地向客戶推薦Flutter。從2019年5月開始，我們決定Flutter將是我們移動技術(shù)的第一選擇。同時，我們將停止在其他不同框架上開發(fā)應(yīng)用程序的工作。
自那時以來，我們已經(jīng)在Flutter中交付了10多種移動產(chǎn)品，并提供了數(shù)十種MVP / PoC?，F(xiàn)在，該得出結(jié)論了。
Flutter 更快
我們并未在這里討論理論方法（在此處可以查找https://blog.codemagic.io/flutter-vs-ios-android-reactnative-xamarin/ ），盡管這也很有趣。后來我們重寫了基于 Xamarin 和 ReactJS 的App，將二者進行對比，在后端使用相同API的情況下，與Xamarin（667h vs 987h）相比，我們減少了33％的時間，使用ReactJS（486h vs 704h）相比，則減少了31％的時間。
停下來思考一下這些數(shù)字。這些數(shù)據(jù)回答了如何更快，更便宜地構(gòu)建移動應(yīng)用程序（使用Flutter）。隨著經(jīng)濟不景氣，在預(yù)算范圍內(nèi)按時交付產(chǎn)品變得越來越重要。這也意味著對于相同的預(yù)算，您可以多交付50％的訂單。想象一下，您是一名產(chǎn)品負責人，負責開發(fā)團隊的優(yōu)先事項，能夠?qū)㈩A(yù)算壁壘進一步提高50％。
這將極大地提高團隊的創(chuàng)造力和他們交付的工作質(zhì)量。有關(guān)GastroJob案例的詳細分析，請查看我們在 Flutter Europe Conference 上的演講，或在https://leancode.pl/case-studies/gastrojob 上查看我們的案例研究。
平均90％的代碼在iOS和Android之間共享。
我們的90％的代碼不會在兩個本機平臺上都編寫兩次。與本地應(yīng)用程序開發(fā)相比，節(jié)省了90％的時間，并且由于一致性和團隊圍繞一個目標團結(jié)而不是分成兩個本地流，因此釋放了很多創(chuàng)造力。除了共享業(yè)務(wù)邏輯和用戶體驗外，我們還可以使用大量現(xiàn)成的庫，這些庫帶來了更多的好處。首先，他們可以通過為應(yīng)用程序內(nèi)使用的許多不同事物提供常用邏輯來加快開發(fā)過程（例如與服務(wù)器（HTTP客戶端）的通信，推送通知，安全存儲，數(shù)據(jù)庫，動畫等）。其次，與許多流行的服務(wù)（例如Firebase，地圖，支付，社交登錄，分析，崩潰報告服務(wù)等）集成起來更加容易。因此，只有在編寫特定于平臺的自定義代碼時，才需要編寫兩次代碼（分別適用于iOS和Android）。但是，即使那樣，在Dart和本機代碼之間進行橋接還是相當合理的 簡單，這將在本文后面進行解釋。
更重要的是，如果考慮到質(zhì)量因素，則可以節(jié)省更多，因此從長遠來看，該應(yīng)用程序的維護成本也更低。事實上，我們研究在Xamarin，React Native和Flutter構(gòu)建的所有項目中修復(fù)bug的時間，，F(xiàn)lutter通常需要8–10％的修復(fù)bug時間。而 React Native 需要7–14％，Xamarin 需要11–23％。
與UX / UI的合作從未如此之好
在Flutter項目期間，需要UX / UI設(shè)計師和開發(fā)人員之間進行合作。可能是因為他們不需要進行這種乏味的本地改編，而使他們的創(chuàng)造力松散。但是，從React Native團隊的經(jīng)驗中也可以期望得到同樣的結(jié)果，事實并非如此。當我們更深入地挖掘時，我們發(fā)現(xiàn)Flutter為能夠編寫漂亮界面的開發(fā)人員帶來了純粹的歡樂，以前這些界面會帶來額外的負擔，從而減慢了步伐。因此，他們更愿意合作，并且我們已經(jīng)看到結(jié)對編程會議開始于設(shè)計師與開發(fā)人員攜手進行現(xiàn)場實驗的過程中。經(jīng)過幾次這樣的互動，得益于強大的主題引擎，團隊能夠為該應(yīng)用程序提供一種自適應(yīng)的設(shè)計語言，該語言不僅在Figma或Adobe XD中看起來很棒，而且還提供了最佳的用戶體驗以及連貫的感覺。正確的設(shè)計順序。怎么樣 在項目的整個生命周期中保持這種連貫性也很有趣。 以前，當UX / UI設(shè)計師在演示會議上審查產(chǎn)品時，他們在項目結(jié)束時擁有大部分評論，在實踐經(jīng)驗之后改變主意或簡化事情。 Flutter的獨特之處在于，在項目結(jié)束時，設(shè)計師的參與已完全消失，因為他們在試驗和錯誤的設(shè)計循環(huán)的初期就開始工作。 這也意味著后續(xù)sprint的優(yōu)化花費的時間更少，并且這種持續(xù)的合作體現(xiàn)在下一個發(fā)行版的穩(wěn)定Scrum速度上。
動畫是如此的簡單和實惠
在Flutter中實現(xiàn)靜態(tài)視圖不僅容易，而且在動畫方面也提供了許多新的機會。這將這種UX-DEV的合作推向了新的高度，從而實現(xiàn)了前所未有的出色過渡效果。到目前為止，這僅對大型預(yù)算項目而言是典型的。如今，感謝Flutter，所有開發(fā)人員都可以使用它。之所以會發(fā)生這種情況，是因為Flutter可以直接在畫布上進行渲染，并且可以完全控制圖形，這使我們能夠在所有平臺上創(chuàng)建像素完美的圖像，而無需像其他跨平臺框架一樣進行附加的條件格式設(shè)置。例如，在使用React Native進行繪制時，您基于默認視圖，這些視圖可以改變新控件的外觀，因此，構(gòu)建了一個臭代碼，該代碼依賴于平臺，并且與共享代碼不應(yīng)采用的方法直接矛盾進入部署平臺。
Flutter應(yīng)用程序更輕巧
面對PWA業(yè)務(wù)選擇時，PWA證明了在手機上添加快捷方式來像保存應(yīng)用程序一樣保存網(wǎng)站是多么容易。我們先不討論用戶體驗，而只考慮下載應(yīng)用程序的負擔。是的，在兩種情況下都并非易事。根據(jù)SimiCart博客，最佳PWA網(wǎng)站要求用戶在加載時從4.9MB到11.6MB。這遠遠低于我們的Xamarin應(yīng)用程序的平均大小25MB，甚至低于我們的React Native 32MB應(yīng)用程序的平均大小，但非常接近Flutter的平均值11MB，所有Flutter應(yīng)用程序的范圍為9-14MB （請注意，盡管這些數(shù)字突出顯示了模式，但它們不能直接比較）。您必須承認，對于本機應(yīng)用程序體驗，平滑的外觀，快速的反應(yīng)以及本機應(yīng)用程序典型的所有服務(wù)（例如推送通知）而言，此（11MB）的空間非常低。這意味著沒有障礙。 用戶下載該應(yīng)用程序，并開始與所有插件和集成一起盡可能高效地使用它。 這也意味著應(yīng)用程序性能更高，因為它們可以使用較小的代碼執(zhí)行類似的任務(wù)。 與其他跨平臺框架相比，這種性能上的提升直接轉(zhuǎn)化為毫秒數(shù)，從而為您提供了較冷的應(yīng)用程序，動畫，CPU和內(nèi)存使用方面的更快體驗（實際上，在Flutter可以提供更好的冷啟動應(yīng)用程序的情況下，即使相比 到Swift / Kotlin本機應(yīng)用程序）。
需要時可以訪問本機代碼。
Flutter的優(yōu)點在于，移動團隊更希望使用本機代碼并編寫一些Kotlin / Swift軟件包，因為它們可以完全控制本機實現(xiàn)，而Xamarin就是這種情況最終代碼在一個孤立的黑匣子中生成。到本機代碼的橋也更強大，因為它們是完全透明的，因此對于從本機環(huán)境轉(zhuǎn)移過來的開發(fā)人員來說更友好。由于采用了這種方法，因此可以輕松實現(xiàn)特定功能，例如本地支付提供商或一些復(fù)雜的庫。更重要的是，即使是需要生物特征識別算法進行面部識別或指紋檢查的高級功能，也可以在Flutter上順利運行，這是由ING商業(yè)在Flutter中開發(fā)的銀行應(yīng)用程序展示的，該應(yīng)用程序是在JakubBiliński在Flutter Warsaw Meetup上展示的。
Flutter中的概念非常簡單
當我們需要構(gòu)建概念證明以檢查最危險的假設(shè)測試時，與本機代碼的集成帶來的其他好處。這意味著在客戶決定簽署整個項目的合同之前，我們可以構(gòu)建最小的應(yīng)用程序，以回答最關(guān)鍵的業(yè)務(wù)或技術(shù)問題。在這一點上，我們不能高估Flutter的功能。每次我們將此類計劃定為兩天的開發(fā)時間，試圖找出在這么短的時間內(nèi)可以實現(xiàn)的目標。到目前為止，我們正在嘗試各種PoC，包括支持AR的圖像檢測系統(tǒng)（如下），
通過白板圖紙繪制高級動畫。
建立快速的PoC不僅使我們能夠展示開發(fā)的速度，而且還有助于我們?yōu)樽罱K項目提供更準確的估算。
開發(fā)人員很高興
從建立內(nèi)部團隊的角度來看，F(xiàn)lutter被證明是一個不錯的選擇。最初，F(xiàn)lutter開發(fā)人員很少，因為沒有專業(yè)經(jīng)驗。但是，與開發(fā)人員具有C＃背景的Xamarin相比，情況有所不同，在Flutter的情況下，所有候選人都是已經(jīng)從本地（主要是Android）背景轉(zhuǎn)移的移動開發(fā)人員。隨著Flutter變得越來越受歡迎，并且由于社區(qū)組織的活躍以及定期聚會和網(wǎng)絡(luò)研討會的興起，可用的候選人數(shù)量呈指數(shù)增長，如今，有大量的專業(yè)人士愿意在Flutter項目中尋找工作經(jīng)過多年的本機應(yīng)用程序開發(fā)，我們改變了看法。得益于文件詳盡的Flutter代碼以及社區(qū)提供的其他庫的可用性，進行此類轉(zhuǎn)移非常容易。因此，一些以前擁有獨立移動團隊的公司 正在投資以使它們圍繞Flutter。 在LeanCode，我們甚至組織了Flutter訓(xùn)練營，在湖邊進行了為期三天的培訓(xùn)計劃，以提供動手經(jīng)驗，并為密集的，為期兩個月的學(xué)習(xí)計劃選擇最佳人選，在那里學(xué)習(xí)Flutter 伴隨著做一些非商業(yè)項目。 我們驚訝地注意到，經(jīng)過9個星期的培訓(xùn)，開發(fā)人員準備與他們的同事并肩工作，他們從早期就開始在Flutter中進行編碼。 如此短暫的學(xué)習(xí)周期證明，從企業(yè)主的角度出發(fā)，選擇從本地應(yīng)用程序切換到Flutter并不是一場革命，而是一場內(nèi)部團隊可以發(fā)揮重要作用的演變。
對技術(shù)棧做出正確的決定可能會對您的業(yè)務(wù)和個人職業(yè)產(chǎn)生持久的影響。然而，很少有選擇如此簡單。 Flutter已經(jīng)成為不可阻擋的運動，不可忽視的力量，并且它仍在發(fā)展并向具有銀行或保險等極高質(zhì)量標準的非常保守的行業(yè)擴展（例如NuBank，ING和AXA等）。
如果考慮到甚至在生產(chǎn)階段發(fā)布Flutter for Web或Flutter for Desktop之前都會發(fā)生這種情況，則表明Flutter for mobile具有足夠的價值，可以在這個非常市場上競爭。無論您從事的行業(yè)是什么，早期采用者的時代都已經(jīng)過去，我們很快就會見證越來越多的成熟參與者進入Flutter生態(tài)系統(tǒng)。我希望這將使我們能夠在Flutter中制作出另外10款出色的應(yīng)用程序后，在明年的總結(jié)中分享從這些實現(xiàn)中學(xué)到的經(jīng)驗教訓(xùn)。
當前名稱：使用Flutter完成10個商業(yè)項目后的經(jīng)驗教訓(xùn)
鏈接URL：http://www.5511xx.com/article/dhishhe.html
