8 de juliol de 2020

Ionic 5 amb Angular

Fa una mica més de 2 anys, vaig presentar una sèrie d'articles per explicar pas a pas com fer una aplicació multi-plataforma amb Ionic. Es tractava d'indicar a quina hora surt i s'amaga el sol en un lloc determinat, en un dia determinat. Ha passat el temps i un parell de versions d'Ionic, així que anem a veure què ha canviat, reformulant la mateixa idea, però ara amb Ioniv 5.

En primer lloc, instal·lem o actualitzem la versió de Ionic:
npm install -g @ionic/cli
Tot seguit, creem una aplicació base, amb pestanyes:
ionic start SunriseSunset tabs
Passarem per diverser preguntes senzilles:
  • com a Framework, escollim Angular 
  • escollim també integrar l'aplicació amb Capacitor.
  • no cal crear un compte a Ionic.
Tot seguit podem anar al directori de l'aplicació i engegar-la per veure el seu aspecte:
cd ./SunriseSunset
ionic serve
Amb això l'aplicació serà compilada i s'obrirà automàticament en el navegador, mostrant una pantalla similar a:

Res gaire espectacular de moment, però almenys tenim una base per on començar !!

Si mirem l'estructura del projecte, veurem que cada pàgina està definida en el seu propi mòdul, i amb el seu fitxer de routing. També s'inclou el fitxer de specs per poder testejar la pàgina. És important mantenir cada pàgina en el seu propi directori, ja que això facilitarà l'organització del projecte.

Cap comentari:

Publica un comentari a l'entrada