Avvio Veloce

Seguendo questo documento saremo in grado di avviare una nuova applicazione in pochi minuti e potremmo iniziare a sperimentare tutte le funzionalità del framework.

Crea una nuova Applicazione

Iniziamo creando una nuova applicazione ionic chiamata sio-demo con template vuoto e con supporto capacitor.

$ ionic start sio-demo blank --capacitor --type=angular

otterremo una cartella chiamata sio-demo contenente, spostiamoci al suo interno ed installiamo la libreria

$ cd sio-demo
$ npm install --save @sio/core

adesso occorre importare i moduli core e common all'interno del modulo principale dell'applicazione o direttamente nell'app mediante la nuova funzionalità dei componenti standalone di angular.

app.module.ts (classic mode)

...
import { environment } from '../assets/environments/environment';
import {} from '@sio/core';
...
@NgModule({
  ...
  imports: [
    ...
    SioCoreModule.forRoot(environment),
    SioCommonModule,
    ...
  ],
  ...
});
...

main.ts (new way)

il modulo SioCoreModule va importato solamente nel modulo principale della propria applicazione, mentre SioCommonModule va importato in ogni LazyModule (tipicamente le pagine dell'app) in cui si voglia avere accesso ai componenti della libreria.

importato il modulo occorre inizializzarlo nell'app sostituendo il tag ion-app con sio-app

<sio-app></sio-app>