{"id":4254,"date":"2016-03-20T01:35:53","date_gmt":"2016-03-19T23:35:53","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=4254"},"modified":"2019-01-05T19:59:00","modified_gmt":"2019-01-05T17:59:00","slug":"cordova-network-internet-ionic-aplikacija","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/","title":{"rendered":"Ionic aplikacija (ni)je povezana s internetom"},"content":{"rendered":"<p>Jedna od osnovnih pretpostavki prilikom razvoja mobilne aplikacije je da \u0107e ista posebno ovisiti o povezanosti s internetom. Zbog toga je va\u017eno znati kako upravljati razli\u010ditim situacijama u kojima ne postoji mre\u017ena povezanost ili je ista ograni\u010dena. Kao developer trebate imati mogu\u0107nost dohva\u0107anja statusa mre\u017ee kao bi mogli implementirati opcije A (ima interneta &#8211; prika\u017ei podatke), B (nema interneta &#8211; prika\u017ei kopiju podataka iz lokalne memorije) ili C (nema interneta &#8211; prika\u017ei obavijet i \u010dekaj vezu s internetom kako bi prikazao podatke).<\/p>\n<p>Korisnik aplikacije o tome treba biti obavije\u0161ten kako ne bi pomislio da ne\u0161to nije u redu s njegovim mobilnim ure\u0111ajem ili s aplikacijom.<\/p>\n<p>Naravno, prije dodavanja <a href=\"https:\/\/ngcordova.com\/docs\/plugins\/network\/\" target=\"_blank\">$cordovaNetwork plugina<\/a> ve\u0107 ste <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/novi-ionic-framework-projekt\/\" target=\"_blank\">pokrenuli novi <em>Ionic <\/em>projek<\/a>t, <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/android-platforma-ionic-aplikacija\/\" target=\"_blank\">dodali <em>Android <\/em>platformu<\/a> i podr\u0161ku za <em><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/ngcordova-ionic\/\" target=\"_blank\">ngCordova<\/a><\/em>.<\/p>\n<pre class=\"lang:sh decode:true\">$ ionic start primjerAplikacije blank\r\n$ cd primjerAplikacije\r\n$ ionic platform add android\r\n$ bower install ngCordova<\/pre>\n<h3>$cordovaNetwork plugin<\/h3>\n<p>Dodajte ga u <em>Ionic <\/em>aplikaciju pokretanjem naredbe<\/p>\n<pre class=\"lang:sh decode:true \">cordova plugin add cordova-plugin-network-information<\/pre>\n<p>Nakon instalacije u direktoriju <strong>plugins<\/strong> primjetit \u0107ete novi direktorij <strong>cordova-plugin-network-information<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4261\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Network.png\" alt=\"Ionic Cordova Network plugin\" width=\"427\" height=\"263\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Network.png 427w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Network-300x185.png 300w\" sizes=\"auto, (max-width: 427px) 100vw, 427px\" \/><\/p>\n<p>U <a href=\"https:\/\/github.com\/apache\/cordova-plugin-network-information\" target=\"_blank\">dokumentaciji<\/a> plugina mo\u017eete vidjeti\u00a0koje opcije vam pru\u017ea <strong>Connection<\/strong> objekt.<\/p>\n<p><span style=\"text-decoration: underline;\">Connection Type<\/span> \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<span style=\"text-decoration: underline;\">Description<\/span><br \/>\nConnection.UNKNOWN \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Unknown connection<br \/>\nConnection.ETHERNET \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Ethernet connection<br \/>\nConnection.WIFI \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0WiFi connection<br \/>\nConnection.CELL_2G \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Cell 2G connection<br \/>\nConnection.CELL_3G \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Cell 3G connection<br \/>\nConnection.CELL_4G \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Cell 4G connection<br \/>\nConnection.CELL \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Cell generic connection<br \/>\nConnection.NONE \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 No network connection<\/p>\n<p>Sljede\u0107im primjerom prikazat \u0107ete informaciju o (ne)postojanju internet veze i vrsti veze.<\/p>\n<pre class=\"lang:js mark:1,15-23 decode:true \" title=\"app.js\">angular.module('starter', ['ionic', 'ngCordova'])\r\n\r\n.run(function($ionicPlatform) {\r\n  $ionicPlatform.ready(function() {\r\n    if(window.cordova &amp;&amp; window.cordova.plugins.Keyboard) {\r\n      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);\r\n      cordova.plugins.Keyboard.disableScroll(true);\r\n    }\r\n    if(window.StatusBar) {\r\n      StatusBar.styleDefault();\r\n    }\r\n  });\r\n})\r\n\r\n.controller('InternetCtrl', function($ionicPlatform, $rootScope, $scope, $cordovaNetwork) {\r\n    $ionicPlatform.ready(function() {\r\n \r\n        $scope.type = $cordovaNetwork.getNetwork()\r\n        $scope.isOnline = $cordovaNetwork.isOnline()\r\n        $scope.isOffline = $cordovaNetwork.isOffline()\r\n \r\n    });\r\n});<\/pre>\n<p>Prikaz statusa internet veze<\/p>\n<pre class=\"lang:xhtml mark:15,28-47 decode:true \" title=\"index.html\">&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n  &lt;head&gt;\r\n    &lt;meta charset=\"utf-8\"&gt;\r\n    &lt;meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width\"&gt;\r\n    &lt;title&gt;primjerAplikacije&lt;\/title&gt;\r\n\r\n    &lt;link href=\"lib\/ionic\/css\/ionic.css\" rel=\"stylesheet\"&gt;\r\n    &lt;link href=\"css\/style.css\" rel=\"stylesheet\"&gt;\r\n\r\n    &lt;!-- ionic\/angularjs js --&gt;\r\n    &lt;script src=\"lib\/ionic\/js\/ionic.bundle.js\"&gt;&lt;\/script&gt;\r\n\r\n    &lt;!-- cordova script (this will be a 404 during development) --&gt;\r\n    &lt;script src=\"lib\/ngCordova\/dist\/ng-cordova.js\"&gt;&lt;\/script&gt;\r\n    &lt;script src=\"cordova.js\"&gt;&lt;\/script&gt;\r\n\r\n    &lt;!-- your app's js --&gt;\r\n    &lt;script src=\"js\/app.js\"&gt;&lt;\/script&gt;\r\n  &lt;\/head&gt;\r\n  &lt;body ng-app=\"starter\"&gt;\r\n\r\n    &lt;ion-pane&gt;\r\n      &lt;ion-header-bar class=\"bar-stable\"&gt;\r\n        &lt;h1 class=\"title\"&gt;Ionic Blank Starter&lt;\/h1&gt;\r\n      &lt;\/ion-header-bar&gt;\r\n      &lt;ion-content&gt;\r\n       &lt;div class=\"card\"&gt;\r\n            &lt;div class=\"item item-divider\"&gt;\r\n               Status mre\u017ee!\r\n            &lt;\/div&gt;\r\n            &lt;div class=\"item item-text-wrap\" ng-controller=\"InternetCtrl\"&gt;\r\n                &lt;ul class=\"list\"&gt;\r\n                    &lt;li class=\"item\"&gt;\r\n                        type : {{type}}\r\n                    &lt;\/li&gt;\r\n                    &lt;li class=\"item\"&gt;\r\n                         isOnline : {{isOnline}}\r\n                    &lt;\/li&gt;\r\n                    &lt;li class=\"item\"&gt;\r\n                        isOffline : {{isOffline}}\r\n                    &lt;\/li&gt;\r\n                &lt;\/ul&gt;\r\n            &lt;\/div&gt;\r\n            &lt;div class=\"item item-divider text-right\"&gt;\r\n                &lt;code&gt;ngCordova&lt;\/code&gt; plugin\r\n            &lt;\/div&gt;\r\n      &lt;\/ion-content&gt;\r\n    &lt;\/ion-pane&gt;\r\n  &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>Na mobilnom ure\u0111aju to izgleda ovako<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4292\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-ngCordova-Network-Android.png\" alt=\"Ionic ngCordova Network Android\" width=\"360\" height=\"640\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-ngCordova-Network-Android.png 360w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-ngCordova-Network-Android-169x300.png 169w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/p>\n<h3>Apache Cordova<\/h3>\n<p>Sljede\u0107im primjerom pokrivate opciju kada mobilni ure\u0111aj nije povezan s internetom (<strong>Connection.NONE<\/strong>). U ovom primjeru ne treba vam <strong>ngCordova<\/strong>.<\/p>\n<pre class=\"lang:js mark:3,12-25 decode:true \" title=\"app.js\">angular.module('starter', ['ionic'])\r\n\r\n.run(function($ionicPlatform, $ionicPopup) {\r\n  $ionicPlatform.ready(function() {\r\n    if(window.cordova &amp;&amp; window.cordova.plugins.Keyboard) {\r\n      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);\r\n      cordova.plugins.Keyboard.disableScroll(true);\r\n    }\r\n    if(window.StatusBar) {\r\n      StatusBar.styleDefault();\r\n    }\r\n    if (window.cordova) {\r\n        if(window.Connection) {\r\n            if(navigator.connection.type == Connection.NONE) {\r\n                    $ionicPopup.confirm({\r\n                        title: \"Status mre\u017ee\",\r\n                        content: \"Mobilni ure\u0111aj nije povezan s internetom.\",\r\n                        buttons: [{\r\n                                    text: 'Ok',\r\n                                    type: 'button-positive',\r\n                                   }]\r\n                    })\r\n            }\r\n        }\r\n     };\r\n  });\r\n})<\/pre>\n<p>Na mobilnom ure\u0111aju to izgleda ovako<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4272\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Network-Android.png\" alt=\"Ionic Cordova Network Android\" width=\"360\" height=\"640\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Network-Android.png 360w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Network-Android-169x300.png 169w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/p>\n<h3>Koristiti factory!?<\/h3>\n<p>Najbolja opcija je napraviti <strong>factory <\/strong> koji onda mo\u017eete koristiti kroz cijelu <em>Ionic <\/em>aplikaciju.<\/p>\n<pre class=\"lang:js decode:true \" title=\"factory.js\">.factory('internetProvjera', function() {\r\n    return function internetProvjera() {\r\n        var internet= true;\r\n        if (window.cordova) {\r\n            if (window.Connection) {\r\n                if (navigator.connection.type == Connection.NONE) {\r\n                    internet= false;\r\n                }\r\n            }\r\n        }\r\n        return internet;\r\n    };\r\n})<\/pre>\n<p>Factory mo\u017eete pozvati u bilo koji kontroler.<\/p>\n<pre class=\"lang:js decode:true \" title=\"controllers.js\">.controller('primjerCtrl', function($scope, $ionicPopup, internetProvjera) {\r\n\r\n    $scope.nesto= function() {\r\n        var internet= internetProvjera();\r\n        if (internet== true) {\r\n               \/\/prika\u017ei podatke s vanjskog izvora\r\n                   } else {\r\n            var alertPopup = $ionicPopup.alert({\r\n                title: 'Status mre\u017ee',\r\n                template: 'Za prikaz podataka potreban je internet!'\r\n            });\r\n        }\r\n    };\r\n})<\/pre>\n<h2>Zaklju\u010dak<\/h2>\n<p>Ovo su samo tri mala informativna primjera kako mo\u017eete koristiti <strong>$cordovaNetwork<\/strong> plugin u <em>Ionic<\/em> aplikaciji.<\/p>\n<p>Ovaj je plugin posebno koristan kada u aplikaciji prikazujete podatke s nekog vanjskog izvora. Zna\u010di, ako nestane veze s internetom ne\u0107e se vi\u0161e prikazati niti podaci koje \u017eelite dati korisniku, a korisnik ne\u0107e znati za\u0161to se to dogodilo. Jednom kada utvrdite da veza s internetom ne postoji trebate odlu\u010diti \u0161to i kako dalje. Mo\u017eete o tome obavijestiti korisnika ili mu u tom slu\u010daju prikazivati podatke iz lokalne memorije sve dok se ponovno ne uspostavi veza s internetom.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jedna od osnovnih pretpostavki prilikom razvoja mobilne aplikacije je da \u0107e ista posebno ovisiti o povezanosti s internetom. Zbog toga je va\u017eno znati kako upravljati razli\u010ditim situacijama u kojima ne postoji mre\u017ena povezanost ili je ista ograni\u010dena. Kao developer trebate imati mogu\u0107nost dohva\u0107anja statusa mre\u017ee kao bi mogli implementirati opcije A (ima interneta &#8211; prika\u017ei &hellip; <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/\" class=\"more-link\">Nastavi \u010ditati <span class=\"screen-reader-text\">Ionic aplikacija (ni)je povezana s internetom<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4285,"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":[358,365,348],"class_list":["post-4254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-razvoj","tag-angularjs","tag-cordovanetwork","tag-ionic-framework"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ionic aplikacija (ni)je povezana s internetom - 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\/cordova-network-internet-ionic-aplikacija\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic aplikacija (ni)je povezana s internetom - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"Jedna od osnovnih pretpostavki prilikom razvoja mobilne aplikacije je da \u0107e ista posebno ovisiti o povezanosti s internetom. Zbog toga je va\u017eno znati kako upravljati razli\u010ditim situacijama u kojima ne postoji mre\u017ena povezanost ili je ista ograni\u010dena. Kao developer trebate imati mogu\u0107nost dohva\u0107anja statusa mre\u017ee kao bi mogli implementirati opcije A (ima interneta &#8211; prika\u017ei &hellip; Nastavi \u010ditati Ionic aplikacija (ni)je povezana s internetom\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-19T23:35:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:59:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Android-nema-interneta.png\" \/>\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\/png\" \/>\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\\\/cordova-network-internet-ionic-aplikacija\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Ionic aplikacija (ni)je povezana s internetom\",\"datePublished\":\"2016-03-19T23:35:53+00:00\",\"dateModified\":\"2019-01-05T17:59:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/\"},\"wordCount\":402,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Ionic-Cordova-Android-nema-interneta.png\",\"keywords\":[\"AngularJS\",\"cordovaNetwork\",\"Ionic Framework\"],\"articleSection\":[\"Mobile\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/\",\"name\":\"Ionic aplikacija (ni)je povezana s internetom - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Ionic-Cordova-Android-nema-interneta.png\",\"datePublished\":\"2016-03-19T23:35:53+00:00\",\"dateModified\":\"2019-01-05T17:59:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Ionic-Cordova-Android-nema-interneta.png\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Ionic-Cordova-Android-nema-interneta.png\",\"width\":825,\"height\":510,\"caption\":\"Ionic aplikacija (ni)je povezana s internetom\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/cordova-network-internet-ionic-aplikacija\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic aplikacija (ni)je povezana s internetom\"}]},{\"@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":"Ionic aplikacija (ni)je povezana s internetom - 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\/cordova-network-internet-ionic-aplikacija\/","og_locale":"hr_HR","og_type":"article","og_title":"Ionic aplikacija (ni)je povezana s internetom - Tomislav Stankovi\u0107","og_description":"Jedna od osnovnih pretpostavki prilikom razvoja mobilne aplikacije je da \u0107e ista posebno ovisiti o povezanosti s internetom. Zbog toga je va\u017eno znati kako upravljati razli\u010ditim situacijama u kojima ne postoji mre\u017ena povezanost ili je ista ograni\u010dena. Kao developer trebate imati mogu\u0107nost dohva\u0107anja statusa mre\u017ee kao bi mogli implementirati opcije A (ima interneta &#8211; prika\u017ei &hellip; Nastavi \u010ditati Ionic aplikacija (ni)je povezana s internetom","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2016-03-19T23:35:53+00:00","article_modified_time":"2019-01-05T17:59:00+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Android-nema-interneta.png","type":"image\/png"}],"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\/cordova-network-internet-ionic-aplikacija\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Ionic aplikacija (ni)je povezana s internetom","datePublished":"2016-03-19T23:35:53+00:00","dateModified":"2019-01-05T17:59:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/"},"wordCount":402,"commentCount":0,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Android-nema-interneta.png","keywords":["AngularJS","cordovaNetwork","Ionic Framework"],"articleSection":["Mobile","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/","name":"Ionic aplikacija (ni)je povezana s internetom - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Android-nema-interneta.png","datePublished":"2016-03-19T23:35:53+00:00","dateModified":"2019-01-05T17:59:00+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Android-nema-interneta.png","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2016\/03\/Ionic-Cordova-Android-nema-interneta.png","width":825,"height":510,"caption":"Ionic aplikacija (ni)je povezana s internetom"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ionic aplikacija (ni)je povezana s internetom"}]},{"@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\/4254","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=4254"}],"version-history":[{"count":47,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4254\/revisions"}],"predecessor-version":[{"id":4310,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4254\/revisions\/4310"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/4285"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=4254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=4254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=4254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}