Jump to content
Prosíme všetkých užívateľov, ktorý sa chcú opätovne pripojiť na discord aby znovu spárovali svoje účty kliknutím na "Discord" v navigácií a pripojili sa na server Read more... ×
Sign in to follow this  
QWER

návod JavaScript miesto PHP? Node.js!

Recommended Posts

Ahojte,

 

ffredyk ma svojim príspevkom nadchol. (bozužiaľ ma nenadchla informácia, že majiteľ to nechce posunúť ďalej, aj keď na to evidentne celé tie roky sere) Dnes by som vám chcel ukázať node.js. Povedať vám čo to je a prečo by vás mal zaujímať. Pravdepodobne to bude celá séria návodov, kde budem preberať backend (ak výraz nepoznáte, nižšie bude vysvetlený) aj frontend (ak výraz nepoznáte, nižšie bude vysvetlený) a na konci série budeme mať SA-MP administráciu. Som rád, že ste taký môj predboj na ktorom budem testovať. V tomto návode preberieme hlavne teóriu a na konci si napíšeme najjednoduchšiu node.js appku.

 

Z čoho sa skladá Webová stránka?

Webová stránka sa skladá z 2 častí. Frontend a Backend. Frontend je  to, čo užívateľ vidí čiže css štýly, html dokument, obrázky, fonty, videá... Najčastejšie ho tvorí HTML, CSS a JavaScript. HTML by mal slúžiť prevažne na texty, CSS slúži na dizajn (bude tento link mať farbu modrú alebo červenú?) a JavaScript na interakciu. Backend je to jadro webu, ku ktorému užívateľ nemá prístup (teda, až na lacesove adminky, tam má prístup každý). Patrí tam databáza a scripty na servery (registrácia, autentifikácia, API...). Najčastejšie sa robí v PHP ale môže sa aj v .NET, Pythone, Jave a už pár rokov aj v JavaScripte na backende - Node.js. 

 

Aké má výhody oproti PHP?

Výhod je dosť. NPM. Používanie jedného jazyka na frontende aj backende. Omnoho jednoduchšia práca s real-time aplikáciami, stúpajúca popularita a s ním aj počet pracovných miest... Pre viac detailov si môžete prečítať Want to be a Web Developer? Learn Node.js not PHP alebo Why the Hell Would You Use Node.js. Ak by vás zaujímalo, ktoré veľké spoločnosti používajú Node.js tak môžete zostať prekvapený Netflix, Linkedin, Trello, Uber, Paypal, Medium, eBay, NASA. Zdroj 1 a Zdroj 2 a stackshare

 

Inštalácia Node.js

Aby sme mohli vyvíjať budeme si musieť nainštalovať Node.js. Je to jednoduchý inštalátor takže to určite zvládnete. Ďalšia potrebná vec je naučiť sa trochu používať konzolu. Konzola alebo aj príkazový riadok je dôležitá súčasť lebo nám umožňuje spúšťanie node.js scriptov. Našťastie nebudeme potrebovať zložité vedomosti, vystačíme si so základnými príkazmi `cd` a `ls`. Ak používate Windows tak odporúčam nainštalovať si Cmder a používať ten. Lebo konzola vo Windowse je strašná. Ak máte MacOS alebo Linux tak netreba nič viac. Keď už máme nainštalovaný node, tak sa nám pribudli 2 nové príkazy pre konzolu. Jeden je `node` a druhý `npm`. V predchádzajúcom bode som schválne nevysvetlil čo je to npm. NPM je balíčkovací systém. Môžete vďaka nemu sťahovať závislosti pre vášu appku. Napríklad potrebujete posielať emaily tak nemusíte chodiť na google a hladať nejakú knižicu, sťahovať ju, dávať si ju do projektu... Jednoducho iba napíšete `npm install nodemailer` a rovno používate tú knižnicu. 

 

Základy s terminálom/príkazovým riadkom

Ako som už písal, budeme používať základné, jednoduché, príkazy. `cd` znamená change directory (v preklade zmena priečinka). Vďaka tomuto príkazu sa môžete dostať do priečinka a pracovať v ňom napríklad `cd dokumenty/praca/` vás dostane do priečinka dokumenty a v ňom do priečinka praca. `ls` pre zmenu vypíše obsah priečinka, v ktorom sme nastavený cez `cd`. Na prácu s terminálom si treba chvíľku zvykať ale zistíte, že to je veľmi dobrý pomocník. Tu je link na pár základných príkazov. Vďaka Southclawovy aj pawn má svoje "npm" nazvané http://sampctl.com/ Takže prácu s terminálom si môžete vyskúšať aj v pawn.

 

Hello world v node.js

Už takto je to docela obsiahly návod (hlavne na zdroje, ktoré odporúčam pozrieť) tak si ukážeme ako si spustiť webovú stránku cez node.js

Vytvoríme si priečinok napríklad "navod" a do neho súbor app.js (môžete sa nazvat ako chcete) a do neho vložíme tento jednoduchý kód.

var http = require("http");
var port = 8000;

http.createServer(function (request, response) {
	// toto sú dôležité hlavičky ktoré sa posiela server na clienta
	response.writeHead(200, {'Content-Type': 'text/plain'});
   
   response.end('Hello World\n');
}).listen(port);

// Vypíšeme do konzole že server ide a na akom porte je
console.log('Server running at http://127.0.0.1:' + port);

Sǔbor uložíme. Cez konzolu sa dostaneme do nášho priečinka "navod" (čiže napríklad `cd navod/`) a iba spustíme server cez príkaz `node app.js`. Ak sme všetko správne urobili, konzola nám oznámila že server je spustený na porte 8000.

 

V prílohe je obrázok ako by to malo vyzerať. Tento návod beriem ako "nutné zlo" ktoré treba. V ďalšiom dieli sa zameriame viac na programovanie a potom by som mohol urobiť tú sériu, v ktorej by sme robili samp administráciu.

serverrunning.png

  • Si děláš prdel? :D 2
  • Líbí se mi to! (+1) 3

Sdílet tento příspěvek


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×