První kroky s Meteor.js

Webové aplikace se nikdy nepřestanou vyvíjet, stejně jako způsob jejich vývoje. Pryč jsou ty složité projekty, kde jste museli hledat tisíce knihoven, vytvářet složité metody a integrovat více jazyků, abyste dosáhli výsledku.

S tou univerzálností JavaScript dosáhlo, že je možné udělat více s méně a díky rámcům, jako je Meteor.js způsob vývoje aplikací již nebude stejný. Podívejme se tedy, co nám tento výkonný framework nabízí a jak s ním podnikneme první kroky.

Proč Meteor.js?Vzhledem k množství rámců a technologií, které dnes existují, je těžké říci, že jeden je lepší než druhý, zvláště pokud jde o JavaScript. My máme Node.js, Vyjádřit, Úhlová a pro vývoj našich aplikací můžeme dokonce použít tradiční jazyk, jako je Ruby, Python nebo známý PHP doplněný o rámec nové generace.

Proto musíme položit na stůl, protože Meteor může převládat nad mnohem populárnějšími možnostmi, a dokonce i s více času na trhu, uvidíme.

Jeden jazyk
Meteor.js nejen je JavaScript aby se krásné aplikace na front-end, je to kompletní rámec, který umožňuje spuštění stejného kódu na klientovi i na serveru.

Méně řádků kódu
Způsob, jakým byl pojat Meteor Ve svém datovém modelu výrazně usnadňuje integraci mezi všemi částmi aplikace, takže něco, co bychom udělali v 1000 řádcích kódu, je 10.

Uživatelská zkušenost
Aplikace generované pomocí Meteor Vypadají dobře nejen na počítači, ale také na jakémkoli mobilním zařízení.

Vyměnitelné díly
Můžeme použít vše, co ve výchozím nastavení přichází Meteornebo jednoduše přejít na technologii, se kterou se cítíme sebevědoměji, změnit modul šablony nebo jednoduše přejít na Angular, pokud si přejeme.

Už jsme to viděli Meteor Začít s vývojem našich aplikací má řadu výhod, které lze považovat za více než proveditelnou možnost. Podívejme se, jak jej nainstalujeme a uvedeme do provozu v našem prostředí.

Instalace Meteor.js a vytvoření naší první aplikace

Meteor je pro všechny stávající operační systémy a jeho instalace je velmi jednoduchá. V případě tohoto příkladu stáhneme instalační program pro Okna z oficiálních webových stránek rámce. Po dokončení stahování ji nainstalujeme jako jakoukoli aplikaci pro Windows, ale je důležité, abychom ji spustili jako správce, protože jinak nám způsobí chybu v instalaci.

Jakmile jsme nainstalovali Meteor.js, restartujeme počítač a otevřeme příkazovou konzolu a napíšeme meteor ověřit, že instalace proběhla úspěšně.

To, že jsme nevytvořili projekt, nám stále způsobí chybu, ale můžeme zkontrolovat, že již máme nainstalovaný náš framework. Nyní musíme pouze vytvořit naši první aplikaci, proto spustíme následující příkazový řádek:

 meteor vytvoří první_kroky

Naše aplikace bude automaticky vytvořena se třemi soubory ve výchozím nastavení, každý bude mít název naší aplikace s jinou příponou:

• first_steps.css
• first_steps.html
• first_steps.js

Pro soubor .css Nebudeme v něm mít obsah, ale do tohoto zahrneme všechny styly naší aplikace. Pro soubor .html budeme mít jednoduchou strukturu, kde můžeme vidět použití šablony, v tomto případě by to bylo řídítka pro zobrazování informací, vysoce doporučená praxe v aktuálním vývoji.

Poslední v souboru .js máme tam, kde je zpracována logika naší aplikace, a také Meteor a rozlišuje metody a procesy, které je třeba provést na každé straně. Stínování barva modrá máme podmínku pro na straně klienta, je místo, kam umístíme render pro šablonu a událost pro stisknutí tlačítka. Stínování červená barva máme podmínku pro na straně serveruVe výchozím nastavení je prázdný, ale právě tam zpracováváme procesy serveru v naší aplikaci.

ZVĚTŠIT

Jakmile porozumíme struktuře naší aplikace, spustíme ji. K tomu stačí zadat náš vytvořený adresář a provedeme příkaz meteor.

Tím se ve výchozím nastavení nastaví místní server na portu 3000 a umožní nám to vidět malý příklad toho, jak to funguje. Meteor. Podívejme se, jak to vypadá, když vstoupíme z prohlížeče.

Tímto způsobem vidíme, jak Meteor.js je rámec, který nám umožňuje vytvářet robustní aplikace v co nejkratším čase s využitím osvědčených vývojových postupů a vede k JavaScript na mnohem vyšší úrovni pro vytváření aplikací nové generace.