Table of Contents[Hide][Show]
Yog tias koj yog tus tsim tawm Flutter uas xav nthuav koj cov txuj ci kom suav nrog kev txhim kho tag nrho.
Tom qab ntawd koj yuav tsum nkag siab yuav ua li cas txuas cov kev pabcuam backend. Firebase yog nyob deb ntawm cov ntaub ntawv nrov tshaj plaws rau Flutter.
Txawm hais tias muaj ntau txoj hauv kev ua haujlwm nrog rau lub moj khaum tshiab no, cov neeg tsim khoom tsim nyog tau txais khoom tsis txaus. Yog li nws yog lub sijhawm dhau los rau peb los txhim kho peb cov kev txawj ntse thiab ua kom zoo dua ntawm cov peev txheej sai li sai tau.
Hauv tsab ntawv no, peb yuav Flutterfire, Firebase, thiab koj tuaj yeem ntxiv Firebase li cas rau a Flutter app Nrog FlutterFire CLI. Cia peb pib.
Understanding FlutterFire
Google's Flutter yog UI cov cuab yeej siv los tsim cov ntawv hla lub platform. Flutter yog sib xws nrog Android, iOS, Windows, Linux, thiab Mac. Nws yog dawb thiab open-source toolkit rau tsim aesthetically txaus nyiam daim ntaub ntawv.
Lub ntsiab kom zoo dua ntawm kev siv Flutter raws li ib tug backend nrog Firebase yog tias nws muab ib tug nplua nuj txheej ntawm daim ntawv thov kev tswj nta.
Firebase yog tus xa khoom ntawm Backend-as-a-Service (Baas). Nws muab ntau yam cuab yeej thiab cov kev pabcuam rau cov neeg tsim khoom los pab lawv tsim cov apps zoo, nthuav lawv cov neeg siv lub hauv paus, thiab tau txais txiaj ntsig. Nws yog tsim los ntawm Google lub infrastructure.
Firebase yuav muab txhua yam kev lag luam xav tau nyob rau hauv ib qho chaw, los ntawm huab cia mus rau lub sijhawm tiag tiag databases, hosting rau cov kev pabcuam kev lees paub. FlutterFire yog ib pawg plugins uas pab kom Flutter cov kev pab cuam siv Firebase Services.
Cov cuab yeej Firebase
- Real-time Database: NoSQL database muab los ntawm Firebase los khaws thiab sync cov ntaub ntawv ntawm koj cov neeg siv hauv lub sijhawm. Nws tseem yog npaj rau kev siv offline.
- Huab Firestore: Kev hloov kho ntawm Realtime Database. Nws qhia cov tswv yim ntawm kev sau thiab cov ntaub ntawv hauv cov qauv ntaub ntawv tshiab thiab paub ntau dua. Nws kuj muaj ntau dua, tshawb nrhiav sai dua thiab ntsuas ntau dua li Realtime Database, ob qho tib si ntawm kev ua haujlwm thiab tus nqi.
- Kev lees paub tseeb: Firebase kuj ua rau nws yooj yim rau kev lees paub nrog ntau cov kev pabcuam lossis lub platform, suav nrog tab sis tsis txwv rau email password, xov tooj, Google, Facebook, Twitter, thiab GitHub tus ID nkag mus.
- Cloud Storage: Firebase's storage service. Nws yog pheej yig, siv tau, thiab yooj yim rau kev siv.
- Kev teeb tsa chaw taws teeb: Cov kev pabcuam huab uas tso cai rau koj hloov pauv kev ua haujlwm lossis saib ntawm koj lub app yam tsis tau yuam cov neeg siv rub tawm qhov hloov tshiab
- App Distribution: Qhov no tso cai rau koj kom sai thiab yooj yim faib koj app tsim rau cov neeg sim.
Ua haujlwm nrog FlutterFire
Siv Flutterfire ntxiv Firebase rau Flutter app.
1. installation
Xyuas kom tseeb tias Firebase CLI raug teeb tsa hauv koj lub computer.
Siv cov lus txib hauv qab no los nruab FlutterFire CLI:
2. Tsim ib lub npe tshiab Flutter app
Tam sim no peb yuav tsim ib daim ntawv thov Flutter tshiab.
Los ntawm lub neej ntawd, lub luag haujlwm tseem ceeb ntawm qhov program no yuav pib nrog cov cai hauv qab no
3. Tsim ib qhov project Firebase tshiab
Thaum Flutterfire tab tom tsim cov khoom, nws ib ntus khiav mus rau cov teeb meem zoo li no. Tsuas ntaus lub npe qhov project rau hauv Firebase UI thiab lov tes taw Google Analytics vim peb yuav tsis siv nws.
4. Siv FlutterFire CLI los ntxiv qhov phiaj xwm Firebase
Tam sim no peb tuaj yeem rov qab mus rau kab hais kom ua thiab khiav: ib zaug Firebase project tau tsim thiab teeb tsa Flutterfire.
Ib daim ntawv teev npe ntawm txhua qhov haujlwm Firebase tuaj yeem pom ntawm no:
Tam sim no peb tuaj yeem xaiv thiab nkag mus rau qhov project peb nyuam qhuav tsim. Peb mam li tuaj yeem txiav txim siab seb lub platform twg los txhawb:
Rau txhua lub platform peb xav tau, CLI yuav tsim lub Firebase app.
5. Peb mam li teeb tsa Firebase hauv Flutter app.
Tom qab ua tiav cov kauj ruam dhau los, peb yuav tsim cov ntaub ntawv tshiab hu ua firebase options.dart hauv lib folder. Peb yuav tsum ntxiv firebase core hauv peb 'pubspec.yaml' yam tsawg kawg nkaus:
Tus lej pib pib tuaj yeem muab ntxiv rau hauv cov ntaub ntawv main.dart.
Tam sim no, Peb tau ua tiav tag nrho cov txheej txheem teeb tsa, thiab peb lub app yuav tsum tam sim no ua haujlwm ntawm Android, iOS, thiab lub vev xaib.
xaus
Thaum kawg, FlutterFire muab cov txheej txheem ntawm Flutter plugins tshwj xeeb uas tso cai rau cov neeg tsim tawm Flutter los tsim kev ua haujlwm hla lub platform.
FlutterFire tsuas yog pib, thiab tseem muaj ntau yam uas yuav tsum tau ntxiv rau tus tsim lub thoob.
Sau ntawv cia Ncua