Na-esochi ọrịa na-efe efe, enwere mmụba dị ukwuu na mmepe ngwa mkpanaka, na-abawanye ojiji nke ngwa mmepe nke ikpo okwu dị ka Flutter.
N'agbanyeghị ewu ewu ya, Flutter nwere ọtụtụ ihe ndọghachi azụ. Ya mere, ndị mmepe na-achọ ụzọ ọzọ ka mma.
Tupu anyị atụle ụfọdụ ụzọ kacha mma Flutter dị, ka anyị chọpụtakwuo maka Flutter.
Gịnị bụ Ihe nfe?
Flutter, ewebata na Mee 2017, bụ ngwa Google's UI maka imepụta ngwa mara mma, nke ewuru ala maka mkpanaka, webụ na desktọpụ site na otu codebase.
Na nkenke, ọ na-enyere gị aka ịrụ ngwa mkpanaaka nwere otu codebase. Nke pụtara na ị nwere ike chepụta ngwa abụọ dị iche site na iji otu asụsụ mmemme yana codebase (maka iOS na gam akporo).
A na-eji Dart, asụsụ mmemme, mepụta ngwa Flutter. Echiche bụ isi nke Flutter, n'aka nke ọzọ, na-atụgharị na wijetị. Iji wijetị, ndị ọrụ nwere ike ịmepụta interface ọrụ zuru oke.
A na-ekewa wijetị n'ime ihe nhazi, ihe ịchọ mma, ihe nhazi UI, na ndị ọzọ.
Flutter bụ ngwa mmepe sọftụwia zuru oke nke gụnyere injin ntụgharị, CLI (ngwaọrụ interface iwu), ngwa nrụpụta, wijetị na-agbanwe kpamkpam, nnwale, nbipu buru ibu na nkwado ngwa mgbakwunye, onye nyocha osisi wijetị, oghere API, na ọtụtụ ndị ọzọ.
Njirimara igodo Flutter
- Ọsọ ọsọ: Flutter nwere ọtụtụ atụmatụ na-enyere ndị mmepe aka ịmepụta na ibuga ngwa ngwa ngwa, gụnyere akwụkwọ na-anọghị n'ịntanetị. Ọtụtụ n'ime nhazi dị mkpa na ihe ndị dị mkpa nke ngwa a na-ebu ụzọ wuo dị ka wijetị na flutter, yana njirimara kachasị mkpa, nrụgharị ọkụ na-ekpo ọkụ nke steeti, nke na-azọpụta oge dị ukwuu site n'ikwe ka ngwa ahụ wughachi ya n'ihe na-erughị otu sekọnd.
- Arụmọrụ ala nna: Otu n'ime akụkụ kachasị mma gbasara ịfụgharị bụ na ọ na-emepe emepe, na-ekwe ka onye ọ bụla nwere ọgụgụ isi zuru oke tinye aka na uto ya. N'ihi ya, flutter enwetala ọmarịcha arụmọrụ nke na-adịkarị mma dịka ngwa ọdịnala.
- Ihuenyo onye ọrụ na-egosipụta ma na-agbanwe agbanwe (UI): Ezigbo interface onye ọrụ (UI) ga-abụrịrị akụkụ dị mkpa nke teknụzụ mmepe ngwa ọ bụla na ahịa. Otú ọ dị, site n'enyemaka nke atụmatụ ụgbọ mmiri ya ngwa ngwa dị ka ihe eji eme ihe, nke na-enyere ngwa ahụ aka ka ọ dị mma na-enweghị ọrụ, flutter akpaliwo ya na ọkwa ọzọ.
- Arụ ọrụ n'ofe ebe: Ihe kacha mma Flutter bụ na mgbe ị mepụtara ngwa mkpanaaka, ị ga-enwetakwa ngwa webụ na desktọpụ.
Ihe mgbu Flutter
Flutter nwere ụfọdụ ọmarịcha atụmatụ. Otú ọ dị, ọtụtụ ihe na-egbochi ndị mmepe iji ya. Ndị a gụnyere:
- Ndị mmepe ga-etinye oge na-amụ asụsụ mmemme ọhụrụ n'ihi na arụnyere ikpo okwu na Dart.
- Ọ bụrụ na-ịchọrọ ịmepụta ngwa nwere ike nwere ngwaọrụ, Flutter abụghị maka gị.
- Ọzọkwa, ụfọdụ ndị mmepe na-ekwu na Flutter adịghị arụ ọrụ maka imepụta ngwa mgbagwoju anya azụmahịa.
Maka ebumnuche ndị a niile, ịchọ ụzọ kacha mma maka Flutter nwere ike ịbụ mkpebi amamihe dị na ya.
1. Gbanwee nwa
Gbanwee nwa na-enye gị ohere ịmepụta ngwa mkpanaaka kpamkpam na Javascript. Ọ nwere otu echiche dị ka React ma na-enye gị ohere ịmepụta UI mkpanaka ọkaibe site na iji akụrụngwa nkwupụta.
Ị naghị eme ngwa webụ mkpanaka, ngwa HTML5, ma ọ bụ ngwa ngwakọ nwere React Native; Ị na-eme ezigbo ngwa mkpanaaka nke a na-apụghị ịmata na nke ejiri Objective-C ma ọ bụ Java mee.
Ngwa ụlọ UI dị mkpa dị na React Native bụ otu na ngwa iOS na gam akporo. Naanị tinye mpempe ndị ahụ na Javascript na React.
Site na usoro a, ị nwere ike ịmepụta ngwa kachasị mma maka ọtụtụ nyiwe site na iji otu codebase. React Native Framework, isi mmalite mepere emepe, usoro mkpanaka mkpanaka cross-platform, ka ebipụtara na 2015.
N'ihi ike na uru ya dị egwu, ọ bụrụla ngwa ngwa bụrụ otu n'ime nyiwe kachasị ukwuu maka ngwa mkpanaka cross-platform. Agbanyeghị, ọnụ ọgụgụ na-abawanye ụba nke ndị mmepe na-atụgharị na React Native iji mepụta ngwa cross-platform dị ike.
atụmatụ
- Ikpo okwu nke na-emeghe-isi iyi.
- Nrụgharị nke koodu mmeghachi omume Live.
- Nhazi nke modular na enyi na enyi.
Uru
- Ọsọ ọsọ iji wuo – Oge mmepe belatara bụ njirimara ire ere React Native. Usoro a gụnyere ọtụtụ ihe ejikere eji eme ihe nke nwere ike inye aka mee ka usoro ahụ dị ngwa.
- Otu kpuchie, otutu nyiwe - React Native na-enyere gị aka iji koodu ntọala gị (ma ọ bụ akụkụ ya) n'etiti iOS na gam akporo. Dabere na ọnụ ọgụgụ nke modul nke ejiri na mmemme gị, ezi mmepe ikpo okwu nwere ike ime ruo n'ókè ụfọdụ.
- Otu obere - mmepe obodo maka gam akporo na iOS na-akpọ maka guzobe otu abụọ kwụụrụ onwe ha. Ọ nwere ike igbochi mmekorita onye nrụpụta na, n'ihi ya, na-ebelata mmepe. Ọ bụrụ na ị họrọ React Native, ị ga-achọkarị a Onye nrụpụta Javascript onye nwere ike ide koodu maka ikpo okwu abụọ.
- UI dị mfe - Native React gbadoro ụkwụ na imepụta interface onye ọrụ mkpanaka. Ị ga-achọ iwulite usoro omume na mmemme n'oge mmepe obodo. N'ihi na RN na-eji mmemme nkwupụta, usoro dị otú ahụ nke mmejuputa ọrụ adịghịzi mkpa. N'ihi ya, mmejọ dị n'okporo ụzọ onye ọrụ nwere ike ịga na-adị mfe ịchọpụta.
ọghọm
- Okwu ndakọrịta na nbipu - Ndị nrụpụta nwere ike izute nsogbu dị iche iche na ndakọrịta ngwugwu ma ọ bụ ngwaọrụ nbipu. Ọ bụrụ na ndị nrụpụta gị amachaghị nke ọma na React Native, nke a nwere ike inwe mmetụta na-emebi emebi na mmepe gị ka ha na-etinye oge nyocha nsogbu.
- Mkpa maka ndị mmepe obodo – Ụfọdụ atụmatụ na modul chọrọ njiri mara omimi nke otu ikpo okwu. Enweghị nkwado na-abụghị igbe maka ọtụtụ ike ngwa ala (dịka ọmụmaatụ, kpọbata ọkwa) bụbu nnukwu nchegbu maka mmepe Native React.
2. Ionic
Ionic bụ otu ngwa ngwa UI mepere emepe maka ịmepụta ngwa mkpanaaka dị elu, dị elu, ngwa desktọpụ na ngwa weebụ na-aga n'ihu site na iji teknụzụ webụ dị ka HTML, CSS, na JavaScript.
Ọ bụ njedebe ihu SDK kpuchie nke na-enye gị ohere iji otu codebase rụọ ngwa mkpanaaka maka iOS, Windows na ngwaọrụ gam akporo.
Ọ na-egosi na ọ bụ ngwá ọrụ mmemme cross-platform maka ngwaọrụ mkpanaka. Ọ na-enyere ndị mmemme aka ịmepụta otu ugboro na-agba ọsọ n'ebe ọ bụla.
Ionic bụ n'ezie usoro mmepe ngwa mkpanaaka maka HTML5 na-elekwasị anya na ngwa ngwakọ. Ionic na-elekwasị anya na ahụmịhe onye ọrụ njedebe n'ihu, ma ọ bụ mmekọrịta UI, nke na-ahụ maka ọdịdị na mmetụta ngwa gị n'ozuzu ya.
Ụdị mbụ nke usoro a, dabere na Angular JS na Apache Cordova, wepụtara na 2013, na ọ bụ ngwọta dị egwu nke yiri Flutter n'ụzọ ụfọdụ.
Ọ dị mfe nghọta ma nwee ike iji ụlọ ọba akwụkwọ ndị ọzọ ma ọ bụ kpuchie dị ka Angular, Cordova na ndị ọzọ rụọ ọrụ. Enwere ike iji ya na-enweghị usoro n'ihu site n'iji ntinye ederede dị mfe. Ọ nwere interface-ahịrị ahịrị nke na-enye gị ohere ịrụ mmemme ahụ ma na-ebelata oge koodu.
atụmatụ
- Akụkụ CSS- Akụkụ ndị a, nwere ọdịdị na mmetụta ala ha, na-enye ihe fọrọ nke nta ka ọ bụrụ akụkụ niile nke ngwa mkpanaka chọrọ. Enwere ike gbanwee ụdị ndabere nke akụrụngwa ngwa ngwa ka ọ dabara na atụmatụ nke gị.
- Ionic CLI – Nke a bụ akụrụngwa NodeJS nwere iwu maka ibido, imepe emepe, ịgba ọsọ na ịmegharị ngwa Ionic.
- AngularJS – AngularJS Ionic na-ewulite ngwa nwere otu ihu akwụkwọ ọkaibe ahaziri maka ngwaọrụ mkpanaka site na iji ihe owuwu AngularJS MVC.
- Ihe mgbakwunye Cordova – Ngwa mgbakwunye Apache Cordova na-enye API achọrọ maka iji koodu Javascript were rụọ ọrụ ngwaọrụ ala.
Uru
- Mgbe atụnyere nwa afọ iOS/Android ngwa, ọ na-enyere mmepe ngwa ngwa.
- Ewezuga ụfọdụ nkwado ngwa mgbakwunye, ọ na-enyere gị aka ịrụ ngwà maka ọtụtụ sistemụ arụmọrụ site na iji otu codebase.
- Ọ na-enyere nnwale dị mfe nke modul na components.
- Ọ nwere ọtụtụ plugins na ihe ndị ọzọ nwere ike iji ya mee ihe.
- Ọ na-agụnye akụkụ UI dị iche iche ma na-enye ohere maka prototyping ngwa ngwa.
- Ọ na-enye plethora nke plugins maka ịmepụta ngwa mkpanaaka dị ike karịa.
- Ị ga-enweta ọtụtụ ihe UI ga-eme ka ọ dị mfe iji na jikwaa.
ọghọm
- Nbugharị nwere ike isi ike iji ionic, yana ọ na-ewe ogologo oge iji dozie nsogbu ahụ. Ọ na-eme ka ịchọpụta ihe kpatara mmejọ ahụ siri ike, na ozi njehie ahụ nwere ike ịdị mgbagwoju anya mgbe ụfọdụ.
- Ọ na-agụnye ụfọdụ plugins ala ala nke nwere ike ghara ịdabere na ya ma nwee ike na-eserịta ibe ya.
- Ọ bụrụ na ị na-emepe emepe ngwakọ ngwakọ, ị nwere ike nweta nsogbu nchekwa yana koodu gị nwere ike ịdị mfe maka ndị hackers.
- Mgbe ị na-emepụta ngwa mkpanaaka dị mgbagwoju anya yana akụrụngwa, enwere ike ịnwe ụfọdụ nchegbu arụmọrụ.
- Ọ bụrụ na ịmalite na usoro ionic, ị ga-adabere na plugins iji nweta ọrụ nke ala.
3. Cordova
Apache Cordova bụ usoro mepere emepe nke na-enyere ndị mmepe webụ aka itinye ọdịnaya HTML, CSS na Javascript dị adị iji mepụta ngwa ala maka ọtụtụ ngwaọrụ mkpanaka.
Cordova na-eji WebView nwa afọ iji nye ngwa weebụ gị. WebView bụ ngwa ngwa (dị ka bọtịnụ ma ọ bụ mmanya taabụ) nke na-egosiputa ọdịnaya weebụ n'ime mmemme obodo.
Tụlee WebView ka ọ bụrụ ihe nchọgharị weebụ na-enweghị njirimara njirimara njirimara dịka ubi URL ma ọ bụ ogwe ọkwa.
Nitobi emepụtala Cordova, nke bụ usoro mmepe ngwa ngwa.
Ngwa weebụ na-arụ ọrụ n'ime akpa a na-arụ ọrụ n'otu aka ahụ na ngwa weebụ ọ bụla na-agba ọsọ na ihe nchọgharị mkpanaka - ọ nwere ike imeghe ibe HTML, rụọ koodu Javascript, kpọọ faịlụ mgbasa ozi, na ịkparịta ụka na sava mpụga.
Ụdị ngwa mkpanaka a na-akpọ mgbe ụfọdụ ngwa ngwa ngwa. Achịkọbara ngwa Cordova dị ka ngwa ekwentị mkpanaaka nwere API nke ngwaọrụ ala. Usoro a na-enyekwa ohere maka nchikota nke snippets koodu obodo na ngwakọ.
atụmatụ
- Akụkụ bụ isi nke Cordova: Cordova gụnyere ọtụtụ isi ihe ngwa mkpanaaka chọrọ. Akụkụ ndị a na-enye ntọala nke ngwa, na-enye anyị ohere itinye uche n'ịzụlite echiche nke anyị.
- Ihe mgbakwunye Cordova: Ọ na-enye API maka ijikọ ọrụ mkpanaka ala n'ime ọrụ Javascript anyị. Ihe mgbakwunye ndị a na-enye ohere ka mmemme nweta ọrụ ngwaọrụ dị ka igwefoto, batrị, kọntaktị, na ihe ndị ọzọ.
- Iwu Line Interface (CLI): Ọrụ a na-ahụ maka imepụta usoro na ịwụnye plugins maka nyiwe dị iche iche. A na-eji ya malite atụmatụ ma mee ka usoro mmepe ahụ na-aga nke ọma.
Uru
- Ọ dị mfe ịmụta na enwere ike iji ya mepụta ngwa cross-platform.
- Ọ bụ ikpo okwu efu na nke mepere emepe.
- Mmepe ngwa Cordova na-adị ngwa ngwa ebe ọ na-atụgharị ka ọ bụrụ ngwa dakọtara na nyiwe dị iche iche.
- Ọ na-enye gị ohere ịmepụta ngwa maka ọtụtụ nyiwe na-amụghị asụsụ mmemme ọhụrụ.
- Ọ bụ mkpokọta plugins arụgoro mbụ nke na-enye ohere ịnweta igwefoto ngwaọrụ, GPS, na sistemụ faịlụ.
ọghọm
- Ọsọ ya na-ata ahụhụ n'ihi ịgba ọsọ koodu ya na nlele ihe nchọgharị.
- Ọ naghị adabara nnukwu ngwa n'ihi na ngwa ngwakọ dị nwayọ karịa ngwa ala.
- Ọ dịghị mma maka mmepe ngwa egwuregwu ebe ọ na-achọ ọtụtụ plugins dị elu nke adịghị ugbu a.
4. Xamarin
Xamarin bụ ikpo okwu mepere emepe maka ịmepụta ngwa nke oge a yana performact.net maka iOS, Android na Windows.
Enwere ike dee ngwa Xamarin na PC ma ọ bụ Mac wee chịkọta ya na ngwungwu ngwa ala dị ka faịlụ a.apk maka gam akporo ma ọ bụ an.ipa faịlụ maka iOS.
Emebere ya maka ndị mmepe chọrọ ikesa koodu, nwale, na mgbagha azụmaahịa n'ofe nyiwe wee mepụta ngwa obe na C # site na iji Visual Studio.
Ị nwere ike ịmepụta ngwa mkpanaaka nwere ọdịdị ala na mmetụta kpamkpam. Na Xamarin, ị nwere ike wuo otu C # codebase nke nwere ohere ịrụ ọrụ SDK niile.
Ụkpụrụ a na-enyere ndị mmepe aka ide echiche azụmahịa ha niile n'otu asụsụ (ma ọ bụ jigharịa koodu ngwa dị adị) ka ha na-arụ ọrụ nke ọma, ọdịdị, na mmetụta nke obodo.
atụmatụ
- Njikọ SDK zuru ezu- Xamarin nwere njikọ maka ihe fọrọ nke nta ka ọ bụrụ SDK niile dị n'elu ma iOS na gam akporo. Ọzọkwa, a na-edepụta nchoputa ndị a nke ukwuu, nke pụtara na ọ dị mfe ịnyagharịa na iji ya eme ihe, ha na-eme ka nyocha ụdị zuru oke n'oge nrụpụta na n'oge mmepe. Njikọ ejiri pịnye ike na-ebute mperi mperi oge yana mmemme dị elu.
- Nrụpụta asụsụ nke oge a- Edere ngwa Xamarin na C #, asụsụ ọgbara ọhụrụ nwere uru dị ukwuu karịa Objective-C na Java, dị ka ike asụsụ siri ike, arụrụ arụ ọrụ dị ka lambdas, LINQ, mmemme yiri ya, jeneriki na ndị ọzọ.
- Nkwado ikpo okwu maka ngwaọrụ mkpanaka- Xamarin na-enye ndakọrịta cross-platform maka nyiwe isi atọ nke iOS, Android na Windows. Na Xamarin, enwere ike ịmepụta ngwa iji kesaa ihe ruru 90% nke koodu ha. Ihe ndị dị mkpa na-enye API otu maka ịnweta akụrụngwa nkekọrịta n'ofe nyiwe atọ niile. Maka ndị mmepe ekwentị, koodu nkekọrịta nwere ike belata ọnụ ahịa mmepe yana oge ịzụ ahịa.
- Ọbá akwụkwọ klaasị siri ike (BCL) - Ngwa Xamarin na-erite uru na NET BCL, nnukwu klaasị nwere ikike sara mbara yana arụ ọrụ gụnyere XML siri ike, nchekwa data, Serialization, IO, eriri na nkwado netwọkụ, n'etiti ndị ọzọ. Enwere ike ịchịkọta koodu C # dị adị maka iji na ngwa, na-enye ohere ịnweta narị narị ọba akwụkwọ na-agbatị ike BCL.
Uru
- Usoro mmepe dị mkpụmkpụ - Otu uru dị mkpa nke mmepe ngwa Xamarin bụ na 90% nke koodu nwere ike ijikwa ma ọ bụ megharịa ya maka ịmepụta ngwa maka ọtụtụ nyiwe mkpanaka. Ejiri C # na koodu obodo wuo Bing. Ọbá akwụkwọ net na mmepe ngwa Xamarin na-enyere aka ịchekwa nnukwu oge na ọrụ. Ọ na-ebelata oge mmepe ka ọ na-emepụta ngwa maka ọtụtụ nyiwe.
- Nkwado ngwaọrụ zuru oke (ya bụ igwefoto, GPS) - Ka Xamarin na-enye ọrụ ọkwa ọkwa ala, ọ na-ezere nchegbu ndakọrịta ngwaike, plugins na API. Ọ na-enye gị ohere ijikọ na ụlọ akwụkwọ ọbá akwụkwọ. Ndị nrụpụta nwere ike ịmepụta ngwa nwere ọrụ ngwaọrụ ndị a na-ahụkarị, ngwa ndị dị otú ahụ ga-arụkwa nke ọma n'ofe ikpo okwu niile. Enwere ike nweta ahaziri nke ọma yana ahụmịhe dịka nwa afọ maka ọrụ mmepe ngwa Xamarin site na iji obere ego akwụ ụgwọ.
- emeghe isi teknụzụ nwere nkwado siri ike- Mgbe Microsoft nwetara Xamarin, enwere mgbanwe mgbanwe amụma. Xamarin SDK agaala ebe mepere emepe, ọ dịkwa onye ọ bụla n'okpuru ikike MIT ugbu a. Ikpo okwu tolitere na ewu ewu ka ewepụrụ ihe mgbochi bụ isi - ịzụrụ ikike. Xamarin etolitela ka ọ bụrụ nchịkọta teknụzụ a pụrụ ịdabere na ya ma sie ike maka azịza mmepe ngwa n'ofe ikpo okwu.
ọghọm
- Mmepe UI na-ewe oge - Ọ bụ ezie na enwere ike ijikwa ọtụtụ sọftụwia Xamarin n'ofe nyiwe, ihe owuwu UI a kabeghị. Enwere ike ịchọ ndị nrụpụta ka ha mee ụfọdụ nzuzo ma ọ bụ rụọ ọrụ n'ofe dị iche iche, nke bụ usoro na-ewe oge.
- Enwere ike ịhazi nha faịlụ - Ndị nrụpụta nwere ike ịme mgbanwe na nha faịlụ ngwa ahụ. Isi ihe kpatara nke a bụ na iji ọba akwụkwọ na arụ ọrụ na-etinye nnukwu nrụgide na ụlọ ahịa ngwa. Tupu ịnyefe ngwa Xamarin gị na ụlọ ahịa ngwa dị mkpa, ị kwesịrị ijide n'aka na ọ nwere nha faịlụ ngwa nwere ezi uche. Nha na-adịgasị iche site na 3MB ruo 15MB.
mmechi
Yabụ, ndị a bụ ụfọdụ nhọrọ Flutter kachasị mma ị ga-atụle mgbe ị na-emebe ngwa obe dị mfe ma mara mma.
Agbanyeghị, tupu ị kpebie, ọ dị oke mkpa inyocha njirimara ngwa gị n'ihi na nke a ga-agwa gị ụdị usoro kacha dabara maka ya.
N'ikpeazụ, nhọrọ ngwọta gị kwesịrị ịdabere na nkà ihe ọmụma ọ bụla ị debanyere aha, ebe na otu ịchọrọ ibuga ngwa gị, yana ụdị talent ị nwere ugbu a ma ọ bụ ga-achọ inweta n'ọdịnihu.
N'ezie, ụzọ kachasị mma iji chọpụta nke dị mma maka gị bụ ịmalite ịmalite ịmalite na ha niile wee jiri nsonaazụ gị tụnyere.
Nkume a-aza