I tools di Ionic


Una volta installato, Ionic mette a dispozione i suoi tools.


Cominciare un progetto

Un progetto IONIC puo' essere creato attraverso :

  1. Comando CLI via terminale

  2. In questo caso per prima cosa ci si posiziona nella directory in cui si vuole ospitare il progetto. Il comando da usare e' cd nomeDirectory.
    In seguito si scrive il comando
    Ionic start nomeapp blank
    Dove
    Ionic start : e' il comando per inizializzare la app scritta con la tecnologia Ionic
    Nomeapp: e' il nome che vogliamo dare alla app
    Blank Nome template tra quelli che Ionic mette a disposizione .

    Esistono infatti 3 tipologie di template :

    • Blank: semplice template senza un layout predefinito.
    • Tabs:layout con una serie d' icone in basso. Queste determinano le view da mostrare.
    • Sidemenu: template con un menu a scomparsa.

  3. Ionic Creator

  4. Un ’applicazione Web che consente di creare le view per un’ app tramite un’intuitiva interfaccia che fa uso del drag and drop.
    Una volta creata la view e’ possibile esportare il codice corrispondente per poterlo utilizzare nel proprio progetto Ionic, aggiungendo ad esempio il collegamento ad un data base.

  5. Snippet codice :

  6. Scaricare codice da un sito .
    Uno utile e’ Ionic code pen


Visualizzare la app: Ionic View

    Consente di visualizzare la app da smart phone come test preliminare.
    Prima di caricare la app negli store di Androin o Apple.

    Per usare questa funzionalita’ :

    • verificare di avere un utente Ionic
    • scaricare la app Ionic view da android o Ios store, sullo smart phone
    • da terminale su desktop, all’interno della directory della app , digitare il comando CLI:
      • ionic upload inserendo utente e password
      • Ionic risponde con : Successfully uploaded (id: number)

    La app e’ stata quindi caricata e per vederla:

    • Aprire Ionic view da smart phone , la app e’ visibile con un tap
    • Inviarla con id number con chi si vuole condividere da smartphone (menu’ preview app, identificatore, vedi app).


Ionic Lab

    Applicazione desktop per le principali funzionalita’ Ionic attraverso interfaccia grafica.
    Consente fra l’altro di effettuare:

    • setup iniziale;
    • build;
    • preview in un browser;
    • etc..