{"id":8327,"date":"2014-04-24T10:20:15","date_gmt":"2014-04-24T09:20:15","guid":{"rendered":"http:\/\/www.itwriting.com\/blog\/?p=8327"},"modified":"2014-04-24T10:20:15","modified_gmt":"2014-04-24T09:20:15","slug":"a-little-bit-of-magic-from-adobe-phonegap-instant-app-preview-on-a-device","status":"publish","type":"post","link":"https:\/\/www.itwriting.com\/blog\/8327-a-little-bit-of-magic-from-adobe-phonegap-instant-app-preview-on-a-device.html","title":{"rendered":"A little bit of magic from Adobe PhoneGap: instant app preview on a device"},"content":{"rendered":"<p>Adobe has <a href=\"http:\/\/phonegap.com\/blog\/2014\/04\/23\/phonegap-developer-app\/\" target=\"_blank\">released an update<\/a> to its PhoneGap tools (build mobile apps using HTML and Javascript) which enabled instant preview on a device. You don\u2019t need to compile and deploy; it is enough simply to save your changes using a text editor, and the running app preview on the connected device will refresh.<\/p>\n<p>I tried a quick demo on Windows 8. PhoneGap installation or update is easy since it uses the <a href=\"http:\/\/nodejs.org\/\" target=\"_blank\">node.js<\/a> package manager: open a node command line and type npm install \u2013g phonegap.<\/p>\n<p>I had to update the Android SDK to version 19, which was the usual tedious update using the Android SDK Manager, but also worked smoothly.<\/p>\n<p>Then I created a PhoneGap app and ran it in the emulator. So far so goo.<\/p>\n<p>Next, I went to an Android phone and installed the PhoneGap Developer App.<\/p>\n<p><a href=\"http:\/\/www.itwriting.com\/blog\/wp-content\/uploads\/2014\/04\/image32.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px\" border=\"0\" alt=\"image\" src=\"http:\/\/www.itwriting.com\/blog\/wp-content\/uploads\/2014\/04\/image_thumb31.png\" width=\"304\" height=\"537\" \/><\/a><\/p>\n<p>Back on the PC, I started the built-in web server that serves the app refreshes to the device. Simply navigate to the app folder in the node command line and type: phonegap serve<\/p>\n<p>Then on the device I ran the PhoneGap Developer App, and connected to the PhoneGap development server (IP no and port). The app preview appeared on the phone.<\/p>\n<p>I then used Notepad to change the app home page slightly. Saved. The app preview refreshed almost instantly.<\/p>\n<p><a href=\"http:\/\/www.itwriting.com\/blog\/wp-content\/uploads\/2014\/04\/image35.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px\" border=\"0\" alt=\"image\" src=\"http:\/\/www.itwriting.com\/blog\/wp-content\/uploads\/2014\/04\/image_thumb34.png\" width=\"404\" height=\"377\" \/><\/a><\/p>\n<p>Here it is on the device:<\/p>\n<p><a href=\"http:\/\/www.itwriting.com\/blog\/wp-content\/uploads\/2014\/04\/image34.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" style=\"border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px\" border=\"0\" alt=\"image\" src=\"http:\/\/www.itwriting.com\/blog\/wp-content\/uploads\/2014\/04\/image_thumb33.png\" width=\"304\" height=\"325\" \/><\/a><\/p>\n<p>A cool feature, though with some limitations. See <a href=\"http:\/\/www.raymondcamden.com\/index.cfm\/2014\/4\/21\/PhoneGap-Developer-App\" target=\"_blank\">Raymond Camden\u2019s post<\/a> for a few more details.<\/p>\n<p>Currently iOS and Android are supported, with Windows Phone coming soon.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adobe has released an update to its PhoneGap tools (build mobile apps using HTML and Javascript) which enabled instant preview on a device. You don\u2019t need to compile and deploy; it is enough simply to save your changes using a text editor, and the running app preview on the connected device will refresh. I tried &hellip; <a href=\"https:\/\/www.itwriting.com\/blog\/8327-a-little-bit-of-magic-from-adobe-phonegap-instant-app-preview-on-a-device.html\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">A little bit of magic from Adobe PhoneGap: instant app preview on a device<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7,21,67],"tags":[123,149,293],"class_list":["post-8327","post","type-post","status-publish","format-standard","hentry","category-adobe","category-android","category-cordova","category-professional","tag-adobe","tag-apache","tag-cordova"],"_links":{"self":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts\/8327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/comments?post=8327"}],"version-history":[{"count":0,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/posts\/8327\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/media?parent=8327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/categories?post=8327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itwriting.com\/blog\/wp-json\/wp\/v2\/tags?post=8327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}