Hvordan sette opp flagre og opprette Hello World Web Application i Linux

Flutter er et rammeverk for applikasjonsutvikling som kan brukes til å utvikle apper på tvers av plattformer som kjører på naturlig kode når de er samlet eller bygget. Når du blir utviklet av Google, lar Flutter deg lage raske prototyper på kort tid, samt lar deg lage fullverdige apper som benytter seg av plattformspesifikke API-er. Ved hjelp av fladder kan du lage vakre apper for mobile enheter, stasjonære operativsystemer og nettlesere ved hjelp av offisielle materialdesign -widgeter. Denne artikkelen vil diskutere installasjon av fladder og opprette et nytt prosjekt for å utvikle en webapplikasjon. Flutter bruker “Dart” som det viktigste programmeringsspråket for å skrive apper.

Installer fladder på Linux

Du kan installere fladder i Linux ved hjelp av to metoder. Den første metoden er ganske grei, alt du trenger å gjøre er å kjøre en enkel kommando for å installere fladder fra Snap Store.

$ sudo snap install fladder -klassisk

Den andre metoden innebærer å laste ned Flutter Repository fra GitHub. Kjør følgende kommandoer i rekkefølge for å installere flagre manuelt:

$ sudo apt install git
$ git klon https: // github.com/flagre/flagre.Git -b Stabil-Dybde 1-Ingen-singel-branch

Merk at å kjøre kommandoen ovenfor vil få nødvendige filer fra det offisielle flagre -depotet inkludert kjørbare binære filer. Du vil kunne utføre disse binære filene fra "bin" -mappen. Imidlertid vil disse kjørbare filene ikke bli lagt til i den brede banevariabelen. For å gjøre det, følg trinnene nedenfor.

Åpen ".BASHRC ”-fil som ligger i hjemmemappen din ved å bruke din favoritt tekstredigerer:

$ nano “$ hjem/.Bashrc ”

Legg til følgende linje nederst i filen, og erstatt strengen forsiktig.

Eksportbane = "$ bane:/flagre/bin "

For eksempel, hvis du lastet ned Flutter Repository i "Last ned" -mappen, må du legge til følgende linje:

Export Path = "$ Path: $ Home/Downloads/Flutter/Bin"

Lagre filen når du er ferdig. Oppdater “.Bashrc ”-filen ved å kjøre kommandoen nedenfor:

$ kilde “$ Hjem/.Bashrc ”

For å bekrefte at Flutters "bin" -mappe er lagt til banen, kjør kommandoen nedenfor:

$ ekko $ bane

Du bør få noe utdata slik:

/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin:/Home/ nit/nedlastinger/flagre/bin

Legg merke til tilstedeværelsen av nøkkelordet "Flutter" og hele banen som viser "Bin" -mappen i "Flutter" -katalogen.

For å sjekke om "flagre" -kommandoen kan kjøres fra hvilken som helst bane, bruk kommandoen nedenfor:

$ som flagrer

Du bør få noe utdata slik:

/hjemme/nit/nedlastinger/flagre/bin/flagre

Legg merke til at "Dart" -språk, som er nødvendig for å skrive fladderapper, leveres med fladfiler som er lastet ned fra Git Repository eller fra Snap Package. Kjør følgende kommando for å sjekke manglende avhengigheter som kreves for å kjøre flagre:

$ Flutter Doctor

Noen påkrevde filer kan begynne å laste ned for å fullføre flagreoppsettet. Hvis du ikke har installert Android SDK ennå, vil en melding vises i utdataene for å veilede deg gjennom installasjonen.

Hvis du vil utvikle Android -apper ved hjelp av flagre, klikker du på koblingene som er synlige i terminalutgangen og følger relevante trinn for å installere Android SDK.

Denne opplæringen fokuserer på å bygge webapplikasjoner ved hjelp av flagre. For å aktivere støtte for å lage nettapper, kjører du følgende kommandoer etter hverandre:

$ Flutter Channel Beta
$ Flutteroppgradering
$ Flutter Config-ANable-Web

For å bekrefte at støtte for webapplikasjoner faktisk er aktivert, kjør kommandoen nedenfor:

$ flagre enheter

Du bør få noe utdata slik:

2 tilkoblede enheter:
Webserver (web) • Web-server • Web-JavaScript • Flutter Tools
Chrome (nett) • Chrome • Web-JavaScript • Google Chrome 87.0.4280.66

Hvis du har fulgt trinnene riktig så langt, bør flagre nå riktig installert på systemet ditt, klar til å lage noen webapper.

Lag et nytt flagreprosjekt

For å opprette et nytt "HelloWorld" webapplikasjonsprosjekt ved hjelp av fladder, kjør kommandoene nevnt nedenfor:

$ flagre opprette helloworld
$ CD Helloworld

For å teste det nyopprettede prosjektet ditt, Kjør kommandoen:

$ flagre run -d krom

Du bør se en flagre webapplikasjonsdemo som dette:

Du kan feilsøke flagre webapper ved hjelp av utviklingsverktøy innebygd i Chrome.

Endre prosjektet ditt

Demoprosjektet du opprettet ovenfor inneholder en “Main.Dart ”-filen som ligger i" lib "-mappen. Kode inneholdt i denne “hoved.dart ”-filen er veldig bra og kan forstås ganske enkelt. Jeg vil foreslå at du går gjennom koden minst en gang for å forstå den grunnleggende strukturen til en fladderapp.

Flutter støtter “Hot Reload”, slik at du raskt kan oppdatere appen din uten å starte den for å se endringene på nytt for å se endringene. Prøv å endre applikasjonstittelen fra “Flutter Demo Home Page” til “Hello World !!" i hoved.Dart ”-fil. Når du er ferdig, trykker du på Terminal for å oppdatere appstaten uten å starte den på nytt.

Bygg flagringsappen din

For å bygge din flad -web -app, bruk kommandoen som er spesifisert nedenfor fra prosjektkatalogen:

$ flutter build web

Når byggeprosessen er ferdig, bør du ha en ny mappe i prosjektkatalogen som ligger på "Build/Web" -sti. Her finner du alle nødvendige “.html ”,“.JS ”og“.CSS ”-filer som kreves for å betjene prosjektet online. Du finner også forskjellige aktivafiler som brukes i prosjektet.

Nyttige ressurser

For å vite mer om utvikling av nettappen ved hjelp av flagre, se den offisielle dokumentasjonen. Du kan henvise til offisiell dokumentasjon for DART -språk for å få en bedre forståelse av flagre -apper. Flutter kommer med mange offisielle og tredjepartspakker som du kan bruke til å raskt utvikle apper. Du kan finne disse pakkene tilgjengelige her. Du kan bruke materialdesign flagre widgets i webappene dine. Du kan finne dokumentasjon for disse widgetsene i offisiell fladedokumentasjon. Du kan også få en følelse av disse widgetsene ved å bla gjennom arbeidsdemoer av materialdesign webkomponenter.

Konklusjon

Flutter har vært i utvikling en god stund nå, og det vokser som et rammeverk for å utvikle “Skriv en gang distribuere hvor som helst” Cross-Platform Apps. Dens adopsjon og popularitet er kanskje ikke så høy som andre slike rammer, men det gir et stabilt og robust API for å utvikle applikasjoner på tvers av plattformer.