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.