WEBAPP ANGULAR - INTRODUZIONE

Aprire il terminale e posizionarsi sulla cartella principale del progetto:

Esempio: 
  PS C:\Users\"nome utente"\AngularProjects\WebAppAngular>

Scriviamo la seguente riga di comando: ng new "nome del progetto".

In questo modo si andranno a creare tutte le cartelle necessarie al funzionamento dell' applicativo.

Immediatamente Node.js vi chiederà di creare automaticamente il file app-routing.module.ts che serve per navigare tra i componenti che si andranno a creare, potete scegliere di farla creare da lui oppure crearla successivamente in autonomia. Per questo progetto, il file è stato creato automaticamente.

La seconda informazione che Node.js vi chiede prima di proseguire con l'installazione dei file necessari è il tipo di file con cui utilizzare gli stili. Per questo esempio si è scelto di utilizzare la prima voce: .CSS.

Dopodichè Node.js proseguirà e completerà tutto il processo di installazzione della vostra WebApp.

Ora che tutti i file sono stati installati correttamente possiamo far partire per la prima volta la nostra WebApp.

Posizionamoci sulla root principale e digitiamo il comando: ng serve --open

Il comando ng serve --open dice a Node.js che deve far partire la macchina virtuale e aprire il browser di default con la WebApp visibile.

Una variante del comando ng serve --open è ng serve il quale fa partire la macchina virtuale senza però aprire il browser. Saremo noi, digitando sull' url localhost:4200/ ad accedere all'indirizzo di default ed a sintonizzrci sulla nostra WebApp.

Altrimenti, se la porta di default 4200 è già occupata possiamo utilizzare il comando ng serve --port per far scegliere in modo casuale un altra porta libera.

Possiamo visualizzare la web app anche da smartphone a patto che condivida la stessa rete con il nostro computer. Possiamo digitare il comando ng serve --host 0.0.0.0 poi aprendo un terminale digitiamo il comando: ip a e potremmo visualizzare l' ip della rete alla quale connetterci. Visualizzeremo un ip con questo formato: xxx.xxx.xx.xxx/xx. Da telefono andiamo nel browser e digitiamo l'indirizzo http:// con l'ip che abbiamo visualizzato poi : e la porta in uso nel pc(4200 di default se non l'abbiamo cambiata). Visualizzeremo allora la nostra web app come se fosse stata deployata.

Questo è un proggetto interamente sviluppato da IAMONICO ALESSANDRO.