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.