Szkolenia informatyczne: biuro, technologie internetowe, egzaminy technik

CENA - OFERTA: Jesteś zainteresowany/na kursem – zapraszam do kontaktu ze mną, szczegóły: www.poswojsku.pl .

kurs tworzenie witryn www
szkolenie technik informatyk programista inf.03 ee.09 inf.04 egzamin przygotowanie

 

Aplikacja nodejs framework express jak zrobić JavaScript node

flag language

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: https://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: https://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ć

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