{"id":4033,"date":"2016-02-27T23:34:39","date_gmt":"2016-02-27T21:34:39","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=4033"},"modified":"2019-01-05T19:59:24","modified_gmt":"2019-01-05T17:59:24","slug":"android-platforma-ionic-aplikacija","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/","title":{"rendered":"Pokretanje Ionic aplikacije na Android platformi"},"content":{"rendered":"<p>Nakon \u0161to ste <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic-framework-razvojna-okolina\/\" target=\"_blank\">postavili razvojnu okolinu<\/a> i <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/novi-ionic-framework-projekt\/\" target=\"_blank\">pokrenuli svoj prvi Ionic projekt u web pregledniku<\/a> vrijeme je da vidite kako isti izgleda na emulatoru i na fizi\u010dkom mobilnom ure\u0111aju kojega \u0107ete na ra\u010dunalo spojiti putem USB-a. <\/p>\n<p>Potrebno je instalirati i postaviti sljede\u0107e:<\/p>\n<h3>Java Development Kit (JDK)<\/h3>\n<p> Preuzmite i instalirajte <a href=\"https:\/\/www.oracle.com\/technetwork\/java\/javase\/downloads\/jdk7-downloads-1880260.html\" target=\"_blank\">Java Development Kit (JDK) 7<\/a> ili noviji. Odaberite <em><strong>Accept License Agreement<\/strong><\/em>, s obzirom da ovdje radimo na Windows OS-u odaberite jednu od dvije instalacije vezane uz Windows OS ovisno o tome imate li 32 ili 64 bitnu verziju.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Java-Development-Kit-JDK-7-Ionic.png\" alt=\"Java Development Kit (JDK)  7 za Ionic\" width=\"534\" height=\"321\" class=\"aligncenter size-full wp-image-4035\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Java-Development-Kit-JDK-7-Ionic.png 534w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Java-Development-Kit-JDK-7-Ionic-300x180.png 300w\" sizes=\"auto, (max-width: 534px) 100vw, 534px\" \/><\/p>\n<p>Nakon uspje\u0161ne instalacije trebate napraviti <strong>JAVA_HOME<\/strong> varijablu okru\u017eenja (<em><a href=\"https:\/\/en.wikipedia.org\/wiki\/Environment_variable\" target=\"_blank\">environment variable<\/a><\/em>) i u nju dodati putanju do JDK-a.<\/p>\n<p>Pratite putanju <strong>Control Panel<\/strong> &#8211; <strong>System<\/strong> &#8211; <strong>Advanced system settings<\/strong> &#8211; <strong>Advanced<\/strong> &#8211; <strong>Environment Variables<\/strong> &#8211; <strong>System variables<\/strong> &#8211; <strong>New<\/strong> <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/java-home-environment-variable-ionic.png\" alt=\"JAVA_HOME Environment Variable za Ionic\" width=\"571\" height=\"509\" class=\"aligncenter size-full wp-image-4040\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/java-home-environment-variable-ionic.png 571w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/java-home-environment-variable-ionic-300x267.png 300w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/p>\n<h3>Android SDK<\/h3>\n<p> <a href=\"https:\/\/developer.android.com\/sdk\/installing\/index.html\" target=\"_blank\">Ovdje mo\u017eete preuzeti Android SDK<\/a>. Biti \u0107e vam ponu\u0111eno odabrati izme\u0111u Android Studio (kompletan IDE koji u sebi sadr\u017eava i SDK Tools) i <strong>Stand-alone SDK Tools<\/strong>. Odaberite drugu opciju i dalje pratite upute.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Stand-alone-SDK-Tools-Ionic-Framework.png\" alt=\"Stand-alone SDK Tools za Ionic Framework\" width=\"750\" height=\"397\" class=\"aligncenter size-full wp-image-4043\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Stand-alone-SDK-Tools-Ionic-Framework.png 750w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Stand-alone-SDK-Tools-Ionic-Framework-300x159.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Nakon instalacije mo\u017eete odmah pokrenuti <strong>SDK Manager<\/strong>. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Start-Android-SDK-Manager.png\" alt=\"Android SDK Manager\" width=\"499\" height=\"388\" class=\"aligncenter size-full wp-image-4045\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Start-Android-SDK-Manager.png 499w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Start-Android-SDK-Manager-300x233.png 300w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/p>\n<p>Mo\u017eete odmah kliknuti na <strong>Install packages&#8230;<\/strong> Preuzimanje i instalacija \u0107e potrajati tako da budite strpljivi. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Start-Android-SDK-Manager-1.png\" alt=\"Android SDK Manager Options\" width=\"700\" height=\"606\" class=\"aligncenter size-full wp-image-4047\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Start-Android-SDK-Manager-1.png 700w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Start-Android-SDK-Manager-1-300x260.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Sada trebate u <strong>PATH<\/strong> varijablu okru\u017eenja dodati putanje do dva direktorija:<br \/>\n &#8211; <em>C:\\Users\\Tomislav\\AppData\\Local\\Android\\android-sdk\\platform-tools<\/em><br \/>\n &#8211; <em>C:\\Users\\Tomislav\\AppData\\Local\\Android\\android-sdk\\tools<\/em><\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic.png\" rel=\"attachment wp-att-4056\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic.png\" alt=\"Path varijabla okru\u017eenja za Android\" width=\"810\" height=\"432\" class=\"aligncenter size-full wp-image-4056\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic.png 810w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic-300x160.png 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic-768x410.png 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><br \/>\nPATH varijablu \u0107ete na\u0107i na <strong>Control Panel<\/strong> \u2013 <strong>System<\/strong> \u2013 <strong>Advanced system settings<\/strong> \u2013 <strong>Advanced<\/strong> \u2013 <strong>Environment Variables<\/strong> &#8211; <strong>User variables<\/strong> for Tomislav &#8211; <strong>PATH<\/strong> (Edit)<\/p>\n<p><strong>PATH<\/strong> varijabla sada treba izgledati kao na slici<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic-windows.png\" rel=\"attachment wp-att-4058\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic-windows.png\" alt=\"Path varijabla okruzenja za Android\" width=\"565\" height=\"511\" class=\"aligncenter size-full wp-image-4058\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic-windows.png 565w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Path-varijabla-okruzenja-android-ionic-windows-300x271.png 300w\" sizes=\"auto, (max-width: 565px) 100vw, 565px\" \/><\/a><\/p>\n<h3>Apache Ant<\/h3>\n<p> <a href=\"https:\/\/ant.apache.org\/bindownload.cgi\" target=\"_blank\">Apache Ant mo\u017eete preuzeti ovdje<\/a>. Preuzmite jednu od .zip verzija, spremite istu na svoje ra\u010dunalo i raspakirajte. Sada i putanju do direktorija <em>C:\\apache-ant-1.9.6\\bin<\/em> trebate dodati u <strong>PATH<\/strong> varijablu okru\u017eenja.<\/p>\n<h2>Dodajte Android platformu u svoj Ionic projekt<\/h2>\n<p>U mapi s projekom pokrenite sljede\u0107e naredbe:<\/p>\n<pre class=\"lang:sh decode:true \" >$ ionic platform add android\r\n$ ionic build android<\/pre>\n<p>Nakon toga \u0107ete vidjeti sljede\u0107i sadr\u017eaj. Obratite pa\u017enju na liniju 13 gdje pi\u0161e  <span class=\"lang:sh decode:true  crayon-inline \" >Android target: android-23<\/span>. Ako pogledate u ranije otvorenom <em>Android SDK Manageru<\/em> u startu vam je bilo ponu\u0111eno da instalirate <em>Android 6.0 (API 23)<\/em>. To <a href=\"https:\/\/cordova.apache.org\/news\/2016\/01\/28\/tools-release.html\" target=\"_blank\">zna\u010di da se API verzije sla\u017eu<\/a> i da je sve u redu.<\/p>\n<pre class=\"lang:sh mark:13 decode:true \" >Updated the hooks directory to have execute permissions\r\nDownloading Default Ionic Resource\r\nDownloding: httos:\/\/github.com\/driftyco\/ionic-default-resources\/archive\/master.zip\r\n[=============================] 100% 0.0s\r\nDone adding default Ionic resources\r\nAdding icons for platform: android\r\nAdding android project...\r\nCreating Cordova project for the Android platform:\r\n        Path: platforms\\android\r\n        Package: com.ionicframework.primjeraplikacije514278\r\n        Name: primjerAplikacije\r\n        Activity: MAinActivity\r\n        Android target: android-23\r\nAndroid project created with cordova-android@5.1.0\r\nRunning ommand: \"C:\\Program Files\\nodejs\\node.exe\" C:\\Users\\Tomislav\\Desktop\\pr\r\nimjerAplikacije\\hooks\\after_prepare\\010_add_platform_class.js C:\/Users\/Tomislav\/\r\nDesktop\/primjerAplikacije\r\nadd to body class: platform-android\r\nInstalling \"cordova-plugin-console\" for android\r\nInstalling \"cordova-plugin-device\" for android\r\nInstalling \"cordova-plugin-splashscreen\" for android\r\nInstalling \"cordova-plugin-statusbar\" for android\r\nInstalling \"cordova-plugin-whitelist\" for android\r\n...<\/pre>\n<p>Struktura direktorija va\u0161eg projekta sada je bogatija za dva direktorija <strong>platforms<\/strong> i <strong>resources<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Ionic-Android-Platform.png\" rel=\"attachment wp-att-4082\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Ionic-Android-Platform.png\" alt=\"Ionic Android Platform\" width=\"345\" height=\"331\" class=\"aligncenter size-full wp-image-4082\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Ionic-Android-Platform.png 345w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Ionic-Android-Platform-300x288.png 300w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/a><\/p>\n<h3>Prikaz aplikacije na Android mobilnom ure\u0111aju<\/h3>\n<p>Spojite mobilni ure\u0111aj na USB i pokrenite naredbu:<\/p>\n<pre class=\"lang:sh decode:true \" >$ ionic run android<\/pre>\n<p>Prije nego to napravite instalirajte drivere za mobilni ure\u0111aj koji \u0107ete koristiti za testiranje i tako\u0111er na tom mobilnom ure\u0111aju uklju\u010dite &#8220;<a href=\"https:\/\/hr.recover-android.tips\/enable-usb-debugging-on-android.html\" target=\"_blank\">Ispravljanje pogre\u0161aka USB-a<\/a>&#8220;.<\/p>\n<p>Kada vidite poruku <\/p>\n<pre class=\"lang:sh decode:true \" >BUILD SUCCESSUFUL <\/pre>\n<p>zna\u010di da ste uspje\u0161no instalirali .apk na svoj mobilni ure\u0111aj. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Ionic-aplikacija-na-Android-mobilnom-uredjaju.png\" alt=\"Ionic plikacija na Android mobilnom ure\u0111aju\" width=\"721\" height=\"640\" class=\"aligncenter size-full wp-image-4073\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Ionic-aplikacija-na-Android-mobilnom-uredjaju.png 721w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Ionic-aplikacija-na-Android-mobilnom-uredjaju-300x266.png 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/p>\n<h3>Prikaz aplikacije na Android emulatoru<\/h3>\n<p>Emulator pokre\u0107ete tako da u direktoriju projekta pokrenite naredbu:<\/p>\n<pre class=\"lang:sh decode:true \" >$ ionic emulate<\/pre>\n<p>Me\u0111utim, prije nego pokrenete naredbu trebate napraviti svoj virtualni ure\u0111aj.<\/p>\n<p>Pokrenite <strong>Android AVD Manager<\/strong>, koji se nalazi u direktoriju <em>C:\\Users\\Tomislav\\AppData\\Local\\Android\\android-sdk<\/em>, i napraviti svoj virtualni ure\u0111aj.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Android-AVD-Manager-Ionic.png\" rel=\"attachment wp-att-4079\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Android-AVD-Manager-Ionic.png\" alt=\"Android AVD Manager Ionic\" width=\"777\" height=\"493\" class=\"aligncenter size-full wp-image-4079\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Android-AVD-Manager-Ionic.png 777w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Android-AVD-Manager-Ionic-300x190.png 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Android-AVD-Manager-Ionic-768x487.png 768w\" sizes=\"auto, (max-width: 777px) 100vw, 777px\" \/><\/a><\/p>\n<p>Ako imate AMD procesor jako je va\u017eno da prilikom stvaranja virtualnog ure\u0111aja za CPU\/ABI odaberete <strong>ARM (armeabi-v7a)<\/strong> jer ina\u010de \u0107ete umjesto emulatora dobiti poruku o gre\u0161ci, a to vas mo\u017ee odvesti prema <a href=\"https:\/\/stackoverflow.com\/questions\/26355645\/error-in-launching-avd\" target=\"_blank\">tra\u017eenju rje\u0161enja u pogre\u0161nom smjeru<\/a>. <\/p>\n<pre class=\"lang:sh decode:true \" >Waiting for emulator...\r\nemulator: WARNING: Increasing RAM size to 1GB\r\nemulator: ERROR: x86 64 emulation currently requires hardware acceleration!\r\nPlease ensure Intel HAXM is properly installed and usable.\r\nCPU acceleration status: HAX kernel module is not installed!<\/pre>\n<p>Zna\u010di ne morate instalirati <a href=\"https:\/\/software.intel.com\/en-us\/android\/articles\/intel-hardware-accelerated-execution-manager\" target=\"_blank\"><em>Intel HAXM<\/em><\/a> niti ugasiti <em>Hyper-V<\/em> na Windows 10 OS-u, nego je dovoljno samo za CPU\/ABI umjesto <em>Intel Atom (x86_64)<\/em> staviti <em>ARM (armeabi-v7a)<\/em>.<\/p>\n<p>Krajnji rezultat pokretanja emulatora izgleda ovako<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Pokrenut-Android-emulator.png\" alt=\"Pokrenut Android emulator\" width=\"793\" height=\"561\" class=\"aligncenter size-full wp-image-4092\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Pokrenut-Android-emulator.png 793w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Pokrenut-Android-emulator-300x212.png 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/Pokrenut-Android-emulator-768x543.png 768w\" sizes=\"auto, (max-width: 793px) 100vw, 793px\" \/><\/p>\n<p>Ako vam je sve ovo previ\u0161e &#8220;\u010da\u010dkanja&#8221; oko emulatora, shvatite da je emulator prespor ili i dalje <a href=\"https:\/\/www.google.com\/webhp?sourceid=chrome-instant&#038;ion=1&#038;espv=2&#038;ie=UTF-8#q=android%20emulator%20error\" target=\"_blank\">dobijate poruku o gre\u0161ci i ne \u017eelite vi\u0161e &#8220;guglati&#8221;<\/a> bacite oko na <a href=\"https:\/\/www.genymotion.com\/\" target=\"_blank\">Genymotion<\/a>. Trebate se registrirati kako bi preuzeli besplatnu instalaciju.<\/p>\n<p>Nakon \u0161to isprobate standardni emulator i vidite koliko zna biti spor i neupotrebljiv vjerujem da \u0107ete se prebaciti na Genymotion. <\/p>\n<h3>Zaklju\u010dak<\/h3>\n<p>Sada ste spremni za pravi posao i slobodno mo\u017eete krenuti na put pretvaranja ideje u gotov proizvod. Pro\u0111ite kroz <a href=\"https:\/\/ionicframework.com\/docs\/components\/\" target=\"_blank\">CSS<\/a> i <a href=\"https:\/\/ionicframework.com\/docs\/api\/\" target=\"_blank\">JavaScript komponente<\/a>, ubacujte ih redom u aplikaciju i gledajte kako se pona\u0161aju u web pregledniku, emulatoru i na mobilnom ure\u0111aju. S vremenom i iskustvom \u0107ete ve\u0107 znati \u0161to gdje (ne)prolazi i kako se pona\u0161a. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nakon \u0161to ste postavili razvojnu okolinu i pokrenuli svoj prvi Ionic projekt u web pregledniku vrijeme je da vidite kako isti izgleda na emulatoru i na fizi\u010dkom mobilnom ure\u0111aju kojega \u0107ete na ra\u010dunalo spojiti putem USB-a. Potrebno je instalirati i postaviti sljede\u0107e: Java Development Kit (JDK) Preuzmite i instalirajte Java Development Kit (JDK) 7 ili &hellip; <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/\" class=\"more-link\">Nastavi \u010ditati <span class=\"screen-reader-text\">Pokretanje Ionic aplikacije na Android platformi<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4052,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[564,351],"tags":[349,359,348],"class_list":["post-4033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-razvoj","tag-android","tag-androidsdk","tag-ionic-framework"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pokretanje Ionic aplikacije na Android platformi - Tomislav Stankovi\u0107<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pokretanje Ionic aplikacije na Android platformi - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"Nakon \u0161to ste postavili razvojnu okolinu i pokrenuli svoj prvi Ionic projekt u web pregledniku vrijeme je da vidite kako isti izgleda na emulatoru i na fizi\u010dkom mobilnom ure\u0111aju kojega \u0107ete na ra\u010dunalo spojiti putem USB-a. Potrebno je instalirati i postaviti sljede\u0107e: Java Development Kit (JDK) Preuzmite i instalirajte Java Development Kit (JDK) 7 ili &hellip; Nastavi \u010ditati Pokretanje Ionic aplikacije na Android platformi\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-27T21:34:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:59:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisao\/la\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tomislav Stankovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Procijenjeno vrijeme \u010ditanja\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Pokretanje Ionic aplikacije na Android platformi\",\"datePublished\":\"2016-02-27T21:34:39+00:00\",\"dateModified\":\"2019-01-05T17:59:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/\"},\"wordCount\":692,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg\",\"keywords\":[\"Android\",\"AndroidSDK\",\"Ionic Framework\"],\"articleSection\":[\"Mobile\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/\",\"name\":\"Pokretanje Ionic aplikacije na Android platformi - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg\",\"datePublished\":\"2016-02-27T21:34:39+00:00\",\"dateModified\":\"2019-01-05T17:59:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg\",\"width\":825,\"height\":510,\"caption\":\"Kako pokrenuti Ionic aplikaciju na Android platformi\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/android-platforma-ionic-aplikacija\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pokretanje Ionic aplikacije na Android platformi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"name\":\"Tomislav Stankovi\u0107\",\"description\":\"Sam svoj bloger\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\",\"name\":\"Tomislav Stankovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"width\":248,\"height\":165,\"caption\":\"Tomislav Stankovi\u0107\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\"},\"description\":\"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.\",\"sameAs\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tomislavstankovic\\\/\"],\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/author\\\/tomislavstankovic\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pokretanje Ionic aplikacije na Android platformi - Tomislav Stankovi\u0107","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/","og_locale":"hr_HR","og_type":"article","og_title":"Pokretanje Ionic aplikacije na Android platformi - Tomislav Stankovi\u0107","og_description":"Nakon \u0161to ste postavili razvojnu okolinu i pokrenuli svoj prvi Ionic projekt u web pregledniku vrijeme je da vidite kako isti izgleda na emulatoru i na fizi\u010dkom mobilnom ure\u0111aju kojega \u0107ete na ra\u010dunalo spojiti putem USB-a. Potrebno je instalirati i postaviti sljede\u0107e: Java Development Kit (JDK) Preuzmite i instalirajte Java Development Kit (JDK) 7 ili &hellip; Nastavi \u010ditati Pokretanje Ionic aplikacije na Android platformi","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2016-02-27T21:34:39+00:00","article_modified_time":"2019-01-05T17:59:24+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg","type":"image\/jpeg"}],"author":"Tomislav Stankovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Napisao\/la":"Tomislav Stankovi\u0107","Procijenjeno vrijeme \u010ditanja":"4 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Pokretanje Ionic aplikacije na Android platformi","datePublished":"2016-02-27T21:34:39+00:00","dateModified":"2019-01-05T17:59:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/"},"wordCount":692,"commentCount":1,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg","keywords":["Android","AndroidSDK","Ionic Framework"],"articleSection":["Mobile","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/","name":"Pokretanje Ionic aplikacije na Android platformi - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg","datePublished":"2016-02-27T21:34:39+00:00","dateModified":"2019-01-05T17:59:24+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/02\/pokrenuti-Ionic-aplikaciju-na-Android-platformi.jpg","width":825,"height":510,"caption":"Kako pokrenuti Ionic aplikaciju na Android platformi"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Pokretanje Ionic aplikacije na Android platformi"}]},{"@type":"WebSite","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website","url":"https:\/\/www.tomislavstankovic.com\/blog\/","name":"Tomislav Stankovi\u0107","description":"Sam svoj bloger","publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tomislavstankovic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hr"},{"@type":["Person","Organization"],"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d","name":"Tomislav Stankovi\u0107","image":{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","width":248,"height":165,"caption":"Tomislav Stankovi\u0107"},"logo":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg"},"description":"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.","sameAs":["https:\/\/www.tomislavstankovic.com\/blog\/","https:\/\/www.linkedin.com\/in\/tomislavstankovic\/"],"url":"https:\/\/www.tomislavstankovic.com\/blog\/author\/tomislavstankovic\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/comments?post=4033"}],"version-history":[{"count":49,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4033\/revisions"}],"predecessor-version":[{"id":4098,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4033\/revisions\/4098"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/4052"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=4033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=4033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=4033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}