Nach der Vorstellung des Ökosystems rund um Ionic wollte ich diese Woche einmal einige dieser Produkte testen. Ich wollte meine App auf die Ionic Cloud hochladen und sie durch die dort generierte App-ID auf meinem Smartphone durch die Ionic View App betrachten. Dabei stellten sich mir einige Hürden in den Weg.
Ein Projekt in Ionic Cloud laden
Hier eine zusammengefasste Liste der offiziellen Docs. Diese bereiteten mir bereits die erste Hürde, da ich oben links den kleinen Knopf zum Wechseln zwischen Ionic 1 und Ionic 2 übersehen habe. Ich habe die falschen Docs begutachtet und mich sehr gewundert.
- Account anlegen und Ionic View App herunterladen (beides gratis).
- In eurem App Projekt die Konsole öffnen und folgendes eingeben:
npm install @ionic/cloud --save
- Diese Datei kopieren:
#linux cp node_modules/@ionic/cloud/dist/bundle/ionic.cloud.min.js www/lib #windows copy node_modules\@ionic\cloud\dist\bundle\ionic.cloud.min.js www\lib
- In der index.html diese Datei referenzieren:
<!-- ionic/angularjs js --> <script src="lib/ionic/js/ionic.bundle.js"></script> <script src="lib/ionic.cloud.min.js"></script>
- App initialisieren:
ionic io init
Jetzt sollte die App im Dashboard auf der Website auftauchen.
- Was aus irgendeinem Grund nirgends steht, ist dass man die App nun noch hochladen muss:
ionic upload
Jetzt sollte die App auch in der View App auftauchen, sofern du dich da angemeldet hast.
- Das waren alle Schritte, die für Ionic 1 nötig sind, um die App am Smartphone ansehen zu können. Um Ionics Services nutzen zu können (wie zum Beispiel Authentication) sind noch mehr Schritte notwendig. Dafür kannst du hier weiterlesen.
Stolpersteine und Fehler
- Meine npm und node.js Versionen waren zu alt für Ionic Cloud. Daher habe ich verschiedene Konsolenbefehle getestet (z.B. npm install -g npm, ist blöd), um diese zu aktualisieren, doch nichts half. Was letztendlich half, war einen neuen node installer herunterzuladen.
- Schritt 6 oben wird nirgends in den Docs erwähnt. Den Upload nicht vergessen.
- Auch am Dashboard sollten die Apps zu begutachten sein, doch hier bekomme ich nur einen endlosen Ladekringel. Da Ionic Cloud noch in der Beta ist und es am Handy ja geht, behaupte ich einfach mal, dass das nicht meine Schuld ist. Falls es bei dir geht, lass es mich wissen.
- Wenn du die Docs betrachtest, achte oben links auf die Version von Ionic.
Das wars! Ich dachte ich schaffe noch mehr (das denke ich irgendwie oft), doch die bösen Fehler haben mich aufgehalten. Zumindest kann ich mir die App jetzt ohne viel Aufwand am Handy reinziehen 🙂 Bis zum nächsten mal!
*guckt Hearthstone WM*