Part1: Ionic Creator
Part2: Ionic DevApp
Part3: Ionic Monitor
Part4: Ionic Deploy

A sorozat „1. részében” egy gyors prototípust készítettünk az Ionic Creator segítségével. A 2. részben az Ionic DevApp-ról fogunk beszélni, hogy megtudjuk, hogyan segít az alkalmazások gyorsabb fejlesztésében.

Az Ionic felmérése szerint a fejlesztők 94,3%-a célozza meg az Androidot, míg 83,2%-uk iOS. A táblagépek és a progresszív webalkalmazások (PWA) következnek a leginkább célzott platformok között. Általánosságban elmondható, hogy az Ionic rendszerrel ellátott hibrid alkalmazások mindig is gyorsak voltak. De általában órákba telt a környezet és az eszközök futtatásához/hibakereséséhez szükséges eszközök beállítása.

Szerencsére az Ionic 2017. október 31-én "bejelentette" az Ionic DevApp-ot.

Mi az Ionic DevApp?

Az Ionic DevApp egy iOS/Android-eszközön futó alkalmazás. Rengeteg előre telepített natív bővítményt tartalmaz ("a bővítmények támogatása itt"). Ez megkönnyíti a natív bővítmények és a fejlesztés alatt álló alkalmazások tesztelését. A ionic serve futtatásakor telepíti az alkalmazást az összes Ionic DevApp-ot futtató eszközre. Az a félelmetes, hogy ingyenes, és elérhető „iOS” és „Android” rendszeren.

Miért érdemes kipróbálni az Ionic DevApp alkalmazást?

A következő funkciók teszik az Ionic DevApp-ot kiválóvá az Ionic alkalmazások fejlesztéséhez:

  • Előre telepített „natív bővítményekkel” rendelkezik. Lehet, hogy van egy olyan alkalmazása, amely egyes natív beépülő moduloktól függ. Hibakeresésük rendkívül egyszerű, amikor módosítja a kódot, mert csak a ionic serve futtatására van szükség.
  • Nincs szükség a natív SDK-k telepítésére. Ezzel megszűnik az Android SDK beállításának szükségessége. És nem kell telepítenie az Android Studiót vagy az Xcode-ot az alkalmazások megtekintéséhez.
  • Keresse meg a helyi hálózaton futó alkalmazásait. Az Ionic DevApp csatlakozik a Wifi-hálózathoz. Amint futtatja a ionic serve alkalmazást, a DevApp azonosítja és betölti alkalmazásait, így megtekintheti azokat az alkalmazásban.
  • LiveReload FTW. Az összes kódmódosítást azonnal láthatja bármely DevApp-ot futtató eszközön. Ez gyorsabbá teszi a fejlődést.

Használjuk

Ha nincs telepítve az Ionic CLI legújabb verziója, futtassa az alábbi parancsot:

npm install -g ionic

Töltse le az Ionic DevApp-ot (iOS/Android) eszközére/eszközeire.

Győződjön meg arról, hogy eszköze és számítógépe ugyanarra a WiFi hálózatra csatlakozik.

  • Nyissa meg a DevApp alkalmazást az eszköz(ek)en.
  • Futtassa a ionic serve alkalmazást a számítógépéről. Ennek meg kell jelennie az alkalmazásnak az eszközén futó DevApp-ban.
  • Kattintson az alkalmazás nevére. Mostantól az alkalmazás egy fizikai eszközön fut natív beépülő modul támogatással és élő újratöltéssel.

Tekintse meg alább a notes-app működését. A bal oldalon a terminál, a jobb oldalon pedig a tényleges készülékünk képernyője látható a „Vysor”-on keresztül.

Tekintse meg a LiveReload működését alább:

Ha már használta az Ionic View alkalmazást, akkor azt gondolhatja, hogy az Ionic DevApp nagyon hasonló ahhoz. Lényegében az Ionic csapata úgy döntött, hogy az Ionic View alkalmazást két alkalmazásra osztja: az új Ionic View alkalmazásra és az Ionic DevApp alkalmazásra. Míg az Ionic DevApp a gyors fejlesztésre és az eszközökön végzett helyi tesztelésre összpontosít, az Ionic View arra összpontosít, hogy segítse a fejlesztőket a tesztterjesztések termékmenedzserekkel és más csapattagokkal való megosztásában. Az Ionic View-ról bővebben itt olvashat.

Bár ebben a demóban csak egy eszköz jelenik meg, több eszközön futhat az Ionic DevApp. Láthatja, milyen gyorsan mutatja a frissített eredményt a valós eszközön.

3. rész

A sorozat „3. részében” az „Ionic Monitor” segítségével beállítjuk az alkalmazásunk felügyeletét. Végignézzük, mit kínál a szolgáltatás, és hogyan használhatjuk fel jobb, megbízhatóbb hibrid alkalmazásokat az Ionic segítségével.