Aplikacja nodejs framework express jak zrobić JavaScript node

szkolenia bezpłatne kolejne lekcje
kursy, porady, artykuły znajdziesz w Menu Tematycznym
 
 

Responsywne mobilne strony internetowe kurs bezpłatny

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

Aplikacja nodejs framework express jak zrobić JavaScript node

Tworzenie i rozwijanie nowoczesnych aplikacji czy stron internetowych wiąże się ze znajomością narzędzi należących do ekosystemu JavaScript. Podstawą jest znajomość node.js (nodejs, node), czyli serca ekosystemu JavaScript. Jak zainstalować node.js?

Skorzystaj z moich porad: http://www.poswojsku.info/internet-it/Node-React-jak-uruchomic-reactjs-nodejs-poradnik.html.

Gdy już masz zainstalowany nodejs, pora na kolejne etapy budowy bloga opartego na express i nodejs.

Otwórz (w Windows jako administrator) CMD, czyli tzw Wiersz poleceń. Przejdź do katalogu, w którym chcesz zainstalować aplikację blog express.

Instalowanie Express.js Pakiet Express.js jest dostępny w dwóch wersjach:

express-generator - pakiet NPM - globalny, zawierający narzędzie wiersza poleceń służące do szybkiego tworzenia aplikacji (szkieletu)

express - pakiet modułu - lokalny, umieszczany w folderze node_modules aplikacji Node.js.

Najpierw zainstaluj globalnie (z parametrem –g) express-generator:

$ npm install express-generator -g

Za pomocą express-generator tworzymy szkielet aplikacji express o nazwie dgexpress:

$ express --view=pug dgexpress

Parametr: --view=pug jest opcjonalny, ale użycie go może ułatwić w przyszłości pracę z aplikacją nodejs i express. Wyjaśnię to w kolejnej części poradnika.

Przejdź do katalogu dgexpress – komenda w CMD:

cd dgexpress

Wpisz w CMD:

set DEBUG=myapp:* & npm start

Pod adresem: http://localhost:3000/ możesz uruchomić szkielet aplikacji express. Na razie jest ona dość skromna, zawiera jedynie napis:

Express Welcome to Express

Poprawność globalnej instalacji express możesz sprawdzić wpisując do wiersza poleceń:

express –version

Efektem powinno być wypisanie wersji express. Brak zwróconej wersji express, zapewne związany jest z brakiem w Windows w Path (Zmienne środowiskowe) odpowiedniej ścieżki do express, np. w Windows 10:

C:\Users\NazwaUżytkownika\Welcome-to-Express378x308.jpgta\Roaming\npm

Welcome to Express poradnik tutorial

Instalacja lokalna Express

Tworzymy katalog, w którym chcemy umieścić aplikację Express:

Express za pomocą npm init stworzy plik package.json

$ mkdir expresslocal $ cd expresslocal

Dla aplikacji express za pomocą polecenia npm init stworzymy plik package.json z punktem wejścia index.js:

$ npm init

Klawiszem Enter zaakceptuj poszczególne pytania instalatora pliku json, spójrz na zamieszczony obrazek.

Express npm JavaScript nodejs

Kolejny krok to instalacja Express w katalogu expresslocal:

$ npm install express –save

Powyższa komenda spowoduje zainstalowanie Express oraz niezbędnych zależności w katalogu: node_modules.

Express.js node.js dodatkowe moduły

Instalując Express.js możemy także użyć  dodatkowych modułów, np silnika Stylus. Otrzymamy w ten sposób już skonfigurowaną aplikację:

$ express -c styl expressstyl

Zgodnie z instrukcją wyświetloną w terminalu CMD wpisujemy: Instalacja zależności:

$ cd expressstyl && npm install

Uruchomienie aplikacji

$ SET DEBUG= expressstyl:* & npm start

Wynik działania aplikacji expressstylu, to znowu:

Express Welcome to Express

W ten oto sposób utworzona została podstawowa struktura aplikacji Express, wraz z niezbędnymi zależnościami. Można przystąpić do budowy prawdziwej aplikacji Express, wystarczy znajomość: HTML5, CSS3, JavaScript, jQuery, AJAX, JSON, Jade i/lub Handlebars oraz bazy danych, np. MongoDB.

Powodzenia w budowaniu aplikacji opartej na frameworku Express. Zapraszm do kolejnych moich poradników. Zobacz w bocznym menu podobne porady do: Aplikacja nodejs framework express jak zrobić JavaScript node.

 

Zobacz w menu podobne artykuły do: Aplikacja nodejs framework express jak zrobić JavaScript node

Budowa responsywnych i mobilnych stron internetowych

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć