Hello World with Node.js and Express

Instalacja Node

Aby stworzyć projekt node, powinieneś mieć zainstalowany node w swoim lokalnym komputerze. Aby to zrobić, wystarczy udać się do https://nodejs.org/en/ i zainstalować węzeł.

Tworzenie projektu węzła

Utwórz nowy katalog i zainicjuj węzeł za pomocą polecenia npm init. Npm jest menedżerem pakietów, w którym rezydują wszystkie pakiety javascript. Pobieramy wszystkie pakiety javascript przez npm.

mkdir helloworld
cd helloworld/
npm init -y

Tutaj dodałem dodatkowy znacznik -y z poleceniem npm init. Zazwyczaj, kiedy wpisujemy npm init, zadaje on pewne pytania. Aby je pominąć, dodaję właśnie ten znacznik -y do polecenia.

Po wykonaniu polecenia, w katalogu głównym projektu zostanie wygenerowany plik package.json. To trzyma wszystkie metadane istotne dla projektu.

Na tym pliku, możemy zobaczyć coś zwanego scripts. Jest to miejsce gdzie dodajemy nasze własne komendy dla projektu. Ja tworzę nowe polecenie skryptu, które uruchamia mój serwer, gdy wpiszę npm start. Skrypt mówi node, że powinien uruchomić polecenie node index.js za każdym razem, gdy wykonam polecenie npm start.

package.json

"scripts": {
"start": "node index.js",
"test": "echo \"Error: no test specified\" && exit 1"
},

Configure Express

Teraz stwórzmy nasz serwer. Tutaj tworzymy nasz serwer używając Express.js. Express JS jest open-source’owym frameworkiem webowym dla node JS. Jest on przeznaczony do budowania aplikacji webowych i API. Poniższa komenda instaluje express do naszego projektu.

npm install express --save

Używamy express do stworzenia nowego serwera, który będzie działał na porcie 8000. Również na potrzeby demonstracji tworzę trasę, która zwraca hello world.

index.js

var express = require('express');
var app = express();app.get('/', function (req, res) {
res.send('Hello World!');
});app.listen(8000, function () {
console.log('Listening to Port 8000');
});

Teraz uruchamiamy serwer poleceniem npm start. Otwórz przeglądarkę i przejdź do http://localhost:8000/. Powinieneś zobaczyć Hello world wyświetlane na stronie głównej.

npm start

OutPut dla powyższego przykładu

W razie jakichkolwiek pytań proszę o kontakt. Email: [email protected]. Linkedin: https://www.linkedin.com/in/sjlouji/

Github: https://github.com/sjlouji/

Happy coding!

.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.