[[oktatas:telefon:ionic|< Ionic]]

====== Ionic kezdés ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2021, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Telepítés =====

  npm install -g @ionic/cli


  * https://ionicframework.com/ (2021)


===== API =====

  * https://ionicframework.com/docs/
===== Visual Studio Code bővítmény =====

  * Ionic
===== Projekt kezdés =====

  ionic start

Kimenet:
<code>
$ ionic start
? Use the app creation wizard? Yes
</code>

Az wizard az Ionic webes felületére visz. Ha nem szeretnénk válasszuk No lehetőséget.



Indíthatjuk azonnal kérdések nélkül:
  ionic start app01 tabs


A tabs helyett más is megadható, például blank, sidemenu, maps. 

Listázás:
  ionic start --list

Fejlesztés:
  cd app01
  code .

===== Alkalmazás futtatása =====

Győződjünk meg arról, hogy a projekt gyökérkönyvtárában vagyunk, majd indítás:

  ionic serve

Egy idő után automatikusan megnyílik böngészőben az alkalmazás.


===== Android natív projekt =====


  ionic capacitor add android


Kimenet:
<code>
> capacitor add android
[capacitor] ✔ Adding native android project in android in 112.82ms
[capacitor] ✔ add in 116.04ms
[capacitor] [warn] sync could not run--missing www directory.
[capacitor] [success] android platform added!
[capacitor] Follow the Developer Workflow guide to get building:
[capacitor] https://capacitorjs.com/docs/basics/workflow
</code>

Indítás:
  ionic capacitor run android -l --host=localhost


===== Dokumentáció =====

  * https://ionicframework.com/docs (2021)