{"id":191,"date":"2017-02-28T23:44:32","date_gmt":"2017-02-28T22:44:32","guid":{"rendered":"http:\/\/www.hman-projects.de\/?p=191"},"modified":"2017-03-03T20:35:40","modified_gmt":"2017-03-03T19:35:40","slug":"phonegap-cordova-2017-teil1","status":"publish","type":"post","link":"https:\/\/www.hman-projects.de\/?p=191","title":{"rendered":"Phonegap &#8211; Cordova 2017 Teil1"},"content":{"rendered":"<p>Phonegap als Entwicklungsplattform f\u00fcr Smartphone-APPs hatte ich schonmal in 2014 getestet und nicht weiter verfolgt, denn so eine ganz tolle Idee zu einer APP hatte ich einfach nicht.<br \/>\nEnde 2016\/ Januar 2017 hatte ich dann Phonegap\/Cordova und xCode neu installiert.<br \/>\nFolgende Punkte habe ich installiert:<\/p>\n<ul>\n<li>XCODE<\/li>\n<li>Cordova via Termial:<br \/>\nsudo npm install -g cordova<\/li>\n<li>Codova\/Phonegap Desktop App via Download-Package f\u00fcr MacOSX<\/li>\n<\/ul>\n<p>Ein etwas \u00e4lteres Video zu dem Thema findet in dieser englischen Video-Serie:<br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=L7KmIjFvHVw\" target=\"_blank\">https:\/\/www.youtube.com\/watch?v=L7KmIjFvHVw<\/a><\/p>\n<p><strong>So legt man eine erste App an<\/strong><br \/>\nDann habe ich unter \/Documents einen neunen Ordner via Finder erzeugt und dorthin gewechselt<\/p>\n<p><!--more--><\/p>\n<pre>cordova create networkmonitor de.hmanprojects.networkmon NetworkMonitor<\/pre>\n<p>.. in das Verzeichnis der App wechseln<br \/>\n<code>cd networkmonitor<\/code><br \/>\n&#8211; Plattformen hinzuf\u00fcgen<br \/>\n<code>cordova platform add ios --save<\/code><br \/>\n&#8211; erstes Build ansto\u00dfen<br \/>\n<code>cordova build ios<\/code><br \/>\n&#8211; neuen Build erstellen und Emulator mit App starten<br \/>\n<code>cordova emulate ios<\/code><br \/>\nEs startet by Default der Simulator eines iPhone SE mit IOS 10.2<br \/>\nDie Simulatoren lassen sich in Xcode einzeln installieren.<\/p>\n<p>Da ich schonmal mit Phonegap gespielt hatte, dachte ich, dass nun alle Plugins bereit st\u00fcnden und hatte ein paar Beispiele aus dem Buch \u201ePhoneGap\u201c von Markus Ross von 2013 ausprobiert aber alle Scripte mit Plugins funktionierten nicht. Die Hello-Cordoca-App im Ordner \/www hatte ich schnell gegen eine lokale Bootstrap-Applikation ausgetauscht. Somit hatte ich dann zu viele potentielle Fehlerquellen.<\/p>\n<p>Da ich bei mir mit Bootstrap die Ladezeiten der App nicht so besonders waren, wurde das Projekt erstmal verworfen und wieder bei Null angefangen.<br \/>\n\u2026. bestehenden Ordner umbenennen und neu anlegen:<\/p>\n<pre>cordova create networkmonitor de.hmanprojects.networkmon NetworkMonitor<\/pre>\n<p>Der Befehl &#8222;cordova create&#8220; erwartet einige Parameter: 1. Name des Projektverzeichnis, 2. App-Name mit Domain und 3. AppName<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Phonegap als Entwicklungsplattform f\u00fcr Smartphone-APPs hatte ich schonmal in 2014 getestet und nicht weiter verfolgt, denn so eine ganz tolle Idee zu einer APP hatte ich einfach nicht. Ende 2016\/ Januar 2017 hatte ich dann Phonegap\/Cordova und xCode neu installiert. Folgende Punkte habe ich installiert: XCODE Cordova via Termial: sudo npm install -g cordova Codova\/Phonegap [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,28],"tags":[29],"class_list":["post-191","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-cordova","tag-cordova"],"_links":{"self":[{"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/posts\/191"}],"collection":[{"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=191"}],"version-history":[{"count":7,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/posts\/191\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=\/wp\/v2\/posts\/191\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hman-projects.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}