expressjs [ExpressJS - Backend] INTRODUCRERE IN ExpressJS !!

NOT a MERCEDES · Ianuarie 30

** OBIECTIVE **

VOM CONSTRUI SI TESTA PRIMUL NOSTRU PROIECT IN NODEJS (ExpressJS) !!

** PREZENTARE ExpressJS & NextJS **

ExpressJS & NextJS sunt "framework-uri" (instrumente) pentru construirea si dezvoltarea aplicatiilor "backend" (partea de server) din pachetul NodeJS. Ele ne furnizeaza o serie de implementare pentru gestionarea cererilor "https" , rutelor ("/home,/welcome samd.") , pentru sporirea securitatii , + alte functionatii pe care le vom vedea pe viitor . Acum , NextJS asemenea MeteorJS sunt API-uri orientata catre full-stack (cu suport pentru ReactJS --> frontend) , ofera o solutie completa + optimizari SEO in timp ce ExpressJS ne poate furniza doar o parte de "backend" simplista dar si personalizabila . Pe baza acestei ipoteze , vom studia ExpressJS dupa care ne vom concentra pe NextJS/MeteorJS.

** CONSTRUIRE PROIECT ExpressJS **

NOTA ** : NE ASIGURAM CA AVEM UN EDITOR (Recomandabil , Visual Studio Code) DAR SI UN MEDIU DE EXECUTIE JAVASCRIPT (NODEJS , instalat in tutorialul trecut) !!

Deschidem Visual Studio Code + Vom Selecta optiunea de deschidere a folderului .

INITIALIZAM UN FOLDER (UNDE SE VOR STOCA DATELE DIN PROIECT)

Dupa ce am selectat folderul , vom deschide terminalul din Editor .

In terminal (din aplicatie) , vom folosi comanda

npm init -y

pentru initializarea proiectului nostru NodeJS .

NOTA 1 ** : Fisierul "package.json" ne furnizeaza datele despre proiect precum numele , descrierea , autor , licenta , versiune dar si informatii despre dependentele instalate ulterior . (SE ADAUGA AUTOMAT DUPA INSTALAREA PACHETELOR)

NOTA 2 ** : TOATE DEPENDENTELE SE INSTALEAZA IN TERMINAL !!

Mai departe , instalam pachetul "ExpressJS" .

npm i express

Apoi , tot in terminal , scriem (Generam "executabilul" proiectului)

touch index.js

Mergem in fisierul respectiv si notam :

const express = require('express')  // SIMILAR cu #include ""   (ANUNTAM CA FOLOSIM PACHETUL EXPRESSJS) 
const server = express() // INITIALIZAM EXPRESS JS !!

Aici , anuntam ca serverul nostru foloseste pachetul "ExpressJS" .

Mai departe , stabilim un port pentru aplicatia noastra :

const serverINFO = {
    port : 8080   // SETAM PORTUL 8080 (NE ASIGURAM CA NU INTERFEREAZA CU ALTE SERVICII CARE FOLOSESC ACEST PORT !! )
}

Permitem ca aplicatia noastra sa gestioneze formatul "json" :

server.use(express.json()) // PERMITEM CA APLICATIA NOASTRA WEB SA FOLOSEASCA FORMAT JSON

Vom implenta doua raspunsuri (UN SIMPLU "HELLO WORLD") din partea serverului atunci cand accesam rutele "/helloJSON" si "/helloHTML"

server.get('/helloJSON', (request,response)  => response.json({"message":"BINE AI VENIT PE LEAGUECS!!"}))  // CERERE PE FORMAT JSON 

server.get("/helloHTML",(request,respone) => respone.status(200).send("<h1 style='text-align:center'>BINE AI VENIT PE LEAGUECS!</h1>"))  // CERERE PE FORMAT HTML CENTRAT + TITLU

ANUNTAM LANSAREA APLICATIEI PE PORTUL SPECIFICAT

server.listen(serverINFO.port,()=>console.log(`SERVERUL EXPRESS RULEAZA CU SUCCES PE PORTUL ${serverINFO.port}`))  // RULAM SERVERUL PE PORTUL MENTIONAT !!