Webové programování

Jak nastavit třepetání a vytvořit webovou aplikaci Hello World v Linuxu

Jak nastavit třepetání a vytvořit webovou aplikaci Hello World v Linuxu
Flutter je rámec pro vývoj aplikací, který lze použít k vývoji aplikací pro více platforem běžících na nativním kódu po kompilaci nebo sestavení. Flutter, který byl vyvinut společností Google, vám umožní vytvářet rychlé prototypy v krátké době a také vám umožní vytvářet plnohodnotné aplikace, které využívají API specifická pro platformu. Pomocí Flutter můžete vytvářet krásně vypadající aplikace pro mobilní zařízení, operační systémy pro stolní počítače a webové prohlížeče pomocí oficiálních widgetů pro materiálový design. Tento článek pojednává o instalaci Flutteru a vytvoření nového projektu pro vývoj webové aplikace. Flutter používá „Dart“ jako hlavní programovací jazyk pro psaní aplikací.

Nainstalujte Flutter na Linux

Flutter můžete v Linuxu nainstalovat dvěma způsoby. První metoda je docela přímočará, vše, co musíte udělat, je spustit jednoduchý příkaz k instalaci Flutter z úložiště snap.

$ sudo snap install flutter --classic

Druhá metoda zahrnuje stahování flutterového úložiště z GitHubu. Spusťte následující příkazy postupně a ručně nainstalujte Flutter:

$ sudo apt nainstalovat git
$ git clone https: // github.com / flutter / flutter.git -b stable --depth 1 --no-single-branch

Upozorňujeme, že spuštěním výše uvedeného příkazu získáte požadované soubory z oficiálního úložiště Flutter, včetně spustitelných binárních souborů. Tyto binární soubory budete moci spustit ze složky „bin“. Tyto spustitelné soubory však nebudou přidány do systémové proměnné PATH a nebudete je moci spustit odkudkoli, pokud je do proměnné PATH nepřidáte ručně. Postupujte podle následujících pokynů.

Otevřeno ".soubor bashrc ”umístěný ve vaší domovské složce pomocí vašeho oblíbeného textového editoru:

$ nano „$ HOME /.bashrc “

Přidejte následující řádek do spodní části souboru a opatrně vložte tětiva.

export PATH = "$ PATH:/ flutter / bin "

Pokud jste si například stáhli úložiště Flutter ve složce „Stahování“, budete muset přidat následující řádek:

export PATH = "$ PATH: $ HOME / Downloads / flutter / bin"

Až budete hotovi, soubor uložte. Obnovit ".soubor bashrc ”spuštěním následujícího příkazu:

$ zdroj „$ HOME /.bashrc “

Chcete-li ověřit, že do cesty byla přidána složka „koše“ společnosti Flutter, spusťte následující příkaz:

$ echo $ PATH

Měli byste získat nějaký výstup, jako je tento:

/ usr / local / sbin: / usr / local / bin: / usr / sbin: / usr / bin: / sbin: / bin: / usr / games: / usr / local / games: / snap / bin: / home / nit / Soubory ke stažení / flutter / bin

Všimněte si přítomnosti klíčového slova „flutter“ a úplné cesty, která zobrazuje složku „bin“ v adresáři „flutter“.

Chcete-li zkontrolovat, zda lze příkaz „flutter“ spustit z libovolné cesty, použijte následující příkaz:

$ který třese

Měli byste získat nějaký výstup, jako je tento:

/ home / nit / Soubory ke stažení / flutter / bin / flutter

Všimněte si, že jazyk „Dart“, který je vyžadován pro psaní aplikací Flutter, je dodáván se soubory Flutter staženými z úložiště git nebo z balíčku snap. Spuštěním následujícího příkazu zkontrolujte chybějící závislosti potřebné ke spuštění Flutteru:

$ flutterový doktor

Některé požadované soubory se mohou začít stahovat a dokončit nastavení třepetání. Pokud ještě nemáte nainstalovanou sadu Android SDK, na výstupu se zobrazí zpráva, která vás provede instalací.

Pokud chcete vyvíjet aplikace pro Android pomocí Flutteru, klikněte na odkazy viditelné ve výstupu terminálu a podle příslušných kroků nainstalujte Android SDK.

Tento kurz se zaměřuje na vytváření webových aplikací pomocí Flutter. Chcete-li povolit podporu pro vytváření webových aplikací, spusťte postupně následující příkazy:

$ flutterový kanál beta
$ flutter upgrade
$ flutter config --enable-web

Chcete-li ověřit, že podpora webových aplikací byla skutečně povolena, spusťte následující příkaz:

$ flutterová zařízení

Měli byste získat nějaký výstup, jako je tento:

2 připojená zařízení:
Webový server (web) • webový server • web-javascript • nástroje třepetání
Chrome (web) • chrom • web-javascript • Google Chrome 87.0.4280.66

Pokud jste doposud postupovali správně, měl by být nyní Flutter ve vašem systému správně nainstalován a připraven k vytvoření některých webových aplikací.

Vytvořte nový projekt třepetání

Chcete-li pomocí aplikace Flutter vytvořit nový projekt webové aplikace „HelloWorld“, spusťte níže uvedené příkazy:

$ flutter vytvoří helloworld
$ cd helloworld

Chcete-li otestovat nově vytvořený projekt, spusťte příkaz:

$ flutter run -d chrom

Měli byste vidět ukázku webové aplikace Flutter takto:

Webové aplikace Flutter můžete ladit pomocí vývojových nástrojů zabudovaných do prohlížeče Chrome.

Upravte svůj projekt

Demo projekt, který jste vytvořili výše, obsahuje „hlavní.dart “soubor umístěný ve složce„ lib “. Kód obsažený v tomto „hlavním.dart ”soubor je velmi dobře okomentován a lze jej snadno pochopit. Navrhoval bych vám projít si kód alespoň jednou, abyste pochopili základní strukturu aplikace Flutter.

Flutter podporuje „hot reload“, což vám umožní rychle aktualizovat aplikaci, aniž byste ji znovu spustili, abyste viděli změny. Zkuste změnit název aplikace z „Flutter Demo Home Page“ na „Hello World !!" v hlavním.dart ”soubor. Po dokončení stiskněte zadejte terminál pro obnovení stavu aplikace bez jejího opětovného spuštění.

Sestavte si aplikaci třepetání

Chcete-li vytvořit webovou aplikaci Flutter, použijte níže uvedený příkaz z adresáře projektu:

$ flutter build web

Jakmile je proces sestavení dokončen, měli byste mít v adresáři projektu novou složku umístěnou na cestě „build / web“. Zde najdete všechny potřebné “.html “,„.js “a„.css ”soubory potřebné pro online obsluhu projektu. Najdete také různé soubory aktiv použité v projektu.

Užitečné zdroje

Další informace o vývoji webových aplikací pomocí Flutter najdete v jeho oficiální dokumentaci. Můžete si přečíst oficiální dokumentaci jazyka Dart, abyste lépe porozuměli aplikacím Flutter. Flutter přichází s hromadou oficiálních balíčků a balíčků třetích stran, které můžete použít k rychlému vývoji aplikací. Tyto balíčky najdete zde. Widgety Flutter pro materiálový design můžete použít ve svých webových aplikacích. Dokumentaci k těmto widgetům najdete v oficiální dokumentaci Flutter. Tyto widgety si můžete také prohlédnout procházením pracovních ukázek webových komponent materiálového designu.

Závěr

Flutter je ve vývoji už nějakou dobu a roste jako rámec pro vývoj multiplatformních aplikací „write once deploy anywhere“. Jeho přijetí a popularita nemusí být tak vysoké jako u jiných takových rámců, ale poskytuje stabilní a robustní API pro vývoj aplikací napříč platformami.

Hry Nainstalujte si nejnovější Dolphin Emulator pro Gamecube a Wii na Linuxu
Nainstalujte si nejnovější Dolphin Emulator pro Gamecube a Wii na Linuxu
Emulátor Dolphin vám umožní hrát vybrané hry Gamecube a Wii na osobních počítačích se systémem Linux (PC). Jako volně dostupný herní emulátor s otevř...
Hry Jak používat GameConqueror Cheat Engine v Linuxu
Jak používat GameConqueror Cheat Engine v Linuxu
Tento článek popisuje průvodce používáním cheatovacího modulu GameConqueror v systému Linux. Mnoho uživatelů, kteří hrají hry v systému Windows, často...
Hry Nejlepší emulátory herních konzolí pro Linux
Nejlepší emulátory herních konzolí pro Linux
Tento článek uvádí seznam populárního softwaru pro emulaci herních konzolí, který je k dispozici pro Linux. Emulace je vrstva softwarové kompatibility...