{"id":4824,"date":"2017-02-12T19:00:17","date_gmt":"2017-02-12T17:00:17","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=4824"},"modified":"2019-01-05T19:57:55","modified_gmt":"2019-01-05T17:57:55","slug":"ionic2-provjera-povezanost-mreza-internet","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/","title":{"rendered":"Ionic 2 &#8211; provjera povezanosti s mre\u017eom"},"content":{"rendered":"<p>Iako sam ve\u0107 objavio <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/\" target=\"_blank\">blog post o provjeri povezanosti s mre\u017eom\/internetom za <em>Ionic 1<\/em><\/a> mislim da je vrijeme da osvje\u017eim informacije s uputama vezanim uz <em>Ionic 2<\/em>. Od sada vi\u0161e ne\u0107emo koristiti <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/ngcordova-ionic\/\" target=\"_blank\"><em>ngCordova pluginove<\/em><\/a> nego se prebacujemo na <em>Ionic Native<\/em>.<\/p>\n<p>Uz pretpostavku da ste ve\u0107 <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/\" target=\"_blank\">pokrenuli novi <em>Ionic 2<\/em> projekt<\/a> mo\u017eemo krenuti dalje.<\/p>\n<h2>Ionic Native Network plugin<\/h2>\n<p><a href=\"https:\/\/ionicframework.com\/docs\/v2\/native\/network\/\" target=\"_blank\"><em>Network plugin<\/em><\/a> \u0107emo dodati pomo\u0107u naredbe  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic plugin add cordova-plugin-network-information<\/span>.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/cordova-plugin-network-information.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/cordova-plugin-network-information.gif\" alt=\"Ionic Native Network\" width=\"819\" height=\"657\" class=\"aligncenter size-full wp-image-4831\" \/><\/a><\/p>\n<h2>Network servis<\/h2>\n<p><em>Plugin<\/em> koji smo ranije instalirali daje nam mogu\u0107nost da uop\u0107e mo\u017eemo napraviti servis koji \u0107e vr\u0161iti provjeru povezanosti s mre\u017eom\/internetom. Servis \u0107emo kreirati koriste\u0107i <a href=\"https:\/\/ionicframework.com\/docs\/v2\/cli\/\" target=\"_blank\"><em>Ionic CLI<\/em><\/a> to\u010dnije naredbu  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic g provider NetworkService<\/span>.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic2-network-service.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic2-network-service.gif\" alt=\"Ionic2 Network Service\" width=\"831\" height=\"728\" class=\"aligncenter size-full wp-image-4833\" \/><\/a><\/p>\n<p>Prilikom kreiranja servisa u njemu se nalazi samo  <span class=\"lang:js decode:true  crayon-inline \" >import { Injectable } from &#8216;@angular\/core&#8217;;<\/span> , a to nam nije dovoljno za provjeru povezanosti s mre\u017eom\/internetom. Sada trebamo pozvati ranije instaliran plugin uz dodatak  <span class=\"lang:js decode:true  crayon-inline \" >Platform<\/span>  servisa koji \u0107e provjeravati na kojoj smo trenutno platformi (<em>Android<\/em> ili <em>iOS<\/em>) tj. jesmo li uop\u0107e na nekoj od tih platformi.<\/p>\n<p>Sadr\u017eaj koji se nalazi u <em><strong>network-service.ts<\/strong><\/em> zamijenit \u0107emo sljede\u0107im:<\/p>\n<pre class=\"lang:js decode:true \" title=\"network-service.ts\" >import { Injectable } from '@angular\/core';\r\nimport { Network } from 'ionic-native';\r\nimport { Platform } from 'ionic-angular';\r\n \r\ndeclare var Connection;\r\n \r\n@Injectable()\r\nexport class NetworkService {\r\n \r\n  onDevice: boolean;\r\n \r\n  constructor(public platform: Platform){\r\n    this.onDevice = this.platform.is('cordova');\r\n  }\r\n \r\n  isOnline(): boolean {\r\n    if(this.onDevice &amp;&amp; Network.connection){\r\n      return Network.connection !== Connection.NONE;\r\n    } else {\r\n      return navigator.onLine; \r\n    }\r\n  }\r\n \r\n  isOffline(): boolean {\r\n    if(this.onDevice &amp;&amp; Network.connection){\r\n      return Network.connection === Connection.NONE;\r\n    } else {\r\n      return !navigator.onLine;   \r\n    }\r\n  }\r\n}<\/pre>\n<p>Servis nam se zapravo sastoji od dvije funkcije  <span class=\"lang:js decode:true  crayon-inline \" >isOnline<\/span>  i  <span class=\"lang:js decode:true  crayon-inline \" >isOffline<\/span>  koje mo\u017eemo pozivati bilo gdje u aplikaciji kada \u017eelimo provjeriti povezanost s mre\u017eom\/internetom. <\/p>\n<p>Iako sada imamo funkcionalan servis jo\u0161 uvijek ga ne mo\u017eemo koristiti u aplikaciji jer ga nismo naveli u <strong>app.module.ts<\/strong> i aplikacija zapravo ne zna za njega. Zato \u0107emo sada dodati sljede\u0107e u <em><strong>app.module.ts<\/strong><\/em>.<\/p>\n<pre class=\"lang:js mark:6,23 decode:true \" >import { NgModule, ErrorHandler } from '@angular\/core';\r\nimport { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';\r\nimport { MyApp } from '.\/app.component';\r\nimport { Page1 } from '..\/pages\/page1\/page1';\r\nimport { Page2 } from '..\/pages\/page2\/page2';\r\nimport { NetworkService } from '..\/providers\/network-service';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    MyApp,\r\n    Page1,\r\n    Page2\r\n  ],\r\n  imports: [\r\n    IonicModule.forRoot(MyApp)\r\n  ],\r\n  bootstrap: [IonicApp],\r\n  entryComponents: [\r\n    MyApp,\r\n    Page1,\r\n    Page2\r\n  ],\r\n  providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}, NetworkService]\r\n})\r\nexport class AppModule {}<\/pre>\n<h2>Kori\u0161tenje servisa<\/h2>\n<p>Servis koristimo na na\u010din da ga pozovemo  <span class=\"lang:js decode:true  crayon-inline \" >import { NetworkService } from &#8216;..\/..\/providers\/network-service&#8217;;<\/span>  u komponentu tj. klasu u kojoj \u017eelimo znati imamo li povezanost s mre\u017eom\/internetom. <\/p>\n<p>U ovom primjeru  <span class=\"lang:js decode:true  crayon-inline \" >NetworkService<\/span>  \u0107e na stranici <strong>page1.html<\/strong> provjeravati imamo li povezanost s mre\u017eom\/internetom tako da \u0107emo unutar <strong>page1.ts<\/strong> dodati sljede\u0107e:<\/p>\n<pre class=\"lang:js mark:3,14,15,18-28 decode:true \" >import { Component } from '@angular\/core';\r\nimport { NavController } from 'ionic-angular';\r\nimport { NetworkService } from '..\/..\/providers\/network-service';\r\n\r\n@Component({\r\n  selector: 'page-page1',\r\n  templateUrl: 'page1.html'\r\n})\r\nexport class Page1 {\r\n\r\n  poruka:string;\r\n\r\n  constructor(public _navCtrl: NavController,\r\n              public _networkService: NetworkService) {\r\n              this.provjeraInterneta(); \r\n  }\r\n\r\n  provjeraInterneta(){\r\n      if(this._networkService.isOnline()){\r\n       console.log('Ima interneta!');\r\n       this.poruka = \"Ima interneta!\";\r\n       \/\/Povuci podatke s API-ja\r\n        }else{\r\n        console.log('Nema interneta!');\r\n        this.poruka = \"Nema interneta!\";\r\n        \/\/Prika\u017ei podatke iz lokalne SQLite baze \r\n    }\r\n   }\r\n  \r\n}<\/pre>\n<p>Unutar <strong>page1.html<\/strong> dodali smo sljede\u0107e:<\/p>\n<pre class=\"lang:xhtml mark:19 decode:true \" >&lt;ion-header&gt;\r\n  &lt;ion-navbar&gt;\r\n    &lt;button ion-button menuToggle&gt;\r\n      &lt;ion-icon name=\"menu\"&gt;&lt;\/ion-icon&gt;\r\n    &lt;\/button&gt;\r\n    &lt;ion-title&gt;Page One&lt;\/ion-title&gt;\r\n  &lt;\/ion-navbar&gt;\r\n&lt;\/ion-header&gt;\r\n\r\n&lt;ion-content padding&gt;\r\n  &lt;h3&gt;Ionic Menu Starter&lt;\/h3&gt;\r\n\r\n  &lt;p&gt;\r\n    If you get lost, the &lt;a href=\"https:\/\/ionicframework.com\/docs\/v2\"&gt;docs&lt;\/a&gt; will show you the way.\r\n  &lt;\/p&gt;\r\n  \r\n  &lt;button ion-button secondary menuToggle&gt;Toggle Menu&lt;\/button&gt;\r\n\r\n  &lt;p&gt;{{poruka}}&lt;\/p&gt;\r\n\r\n&lt;\/ion-content&gt;<\/pre>\n<p>U kona\u010dnici to izgleda ovako<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic-ima-nema-interneta.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic-ima-nema-interneta.gif\" alt=\"Ionic 1 - Ima ili nema interneta\" width=\"584\" height=\"686\" class=\"aligncenter size-full wp-image-4842\" \/><\/a><\/p>\n<h2>Zaklju\u010dak<\/h2>\n<p>I to je to! Ovo je samo jedna od mogu\u0107nosti kako koristiti <em>Ionic Native Network plugin<\/em>.<\/p>\n<blockquote><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. &#8211; <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/cordova-network-internet-ionic-aplikacija\/\" target=\"_blank\">Ionic aplikacija (ni)je povezana s internetom<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Iako sam ve\u0107 objavio blog post o provjeri povezanosti s mre\u017eom\/internetom za Ionic 1 mislim da je vrijeme da osvje\u017eim informacije s uputama vezanim uz Ionic 2. Od sada vi\u0161e ne\u0107emo koristiti ngCordova pluginove nego se prebacujemo na Ionic Native. Uz pretpostavku da ste ve\u0107 pokrenuli novi Ionic 2 projekt mo\u017eemo krenuti dalje. Ionic Native &hellip; <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/\" class=\"more-link\">Nastavi \u010ditati <span class=\"screen-reader-text\">Ionic 2 &#8211; provjera povezanosti s mre\u017eom<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4826,"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":[381,388,389],"class_list":["post-4824","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-razvoj","tag-ionic-2","tag-ionic-native","tag-network"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ionic 2 - provjera povezanosti s mre\u017eom - 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\/ionic2-provjera-povezanost-mreza-internet\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic 2 - provjera povezanosti s mre\u017eom - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"Iako sam ve\u0107 objavio blog post o provjeri povezanosti s mre\u017eom\/internetom za Ionic 1 mislim da je vrijeme da osvje\u017eim informacije s uputama vezanim uz Ionic 2. Od sada vi\u0161e ne\u0107emo koristiti ngCordova pluginove nego se prebacujemo na Ionic Native. Uz pretpostavku da ste ve\u0107 pokrenuli novi Ionic 2 projekt mo\u017eemo krenuti dalje. Ionic Native &hellip; Nastavi \u010ditati Ionic 2 &#8211; provjera povezanosti s mre\u017eom\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-12T17:00:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:57:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic2-provjera-povezanosti-s-mrezom-internetom.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\\\/ionic2-provjera-povezanost-mreza-internet\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Ionic 2 &#8211; provjera povezanosti s mre\u017eom\",\"datePublished\":\"2017-02-12T17:00:17+00:00\",\"dateModified\":\"2019-01-05T17:57:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/\"},\"wordCount\":436,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/ionic2-provjera-povezanosti-s-mrezom-internetom.png\",\"keywords\":[\"Ionic 2\",\"Ionic Native\",\"Network\"],\"articleSection\":[\"Mobile\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/\",\"name\":\"Ionic 2 - provjera povezanosti s mre\u017eom - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/ionic2-provjera-povezanosti-s-mrezom-internetom.png\",\"datePublished\":\"2017-02-12T17:00:17+00:00\",\"dateModified\":\"2019-01-05T17:57:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/ionic2-provjera-povezanosti-s-mrezom-internetom.png\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/ionic2-provjera-povezanosti-s-mrezom-internetom.png\",\"width\":825,\"height\":510,\"caption\":\"Ionic 2 \u2013 provjera povezanosti s mre\u017eom\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-provjera-povezanost-mreza-internet\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic 2 &#8211; provjera povezanosti s mre\u017eom\"}]},{\"@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 2 - provjera povezanosti s mre\u017eom - 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\/ionic2-provjera-povezanost-mreza-internet\/","og_locale":"hr_HR","og_type":"article","og_title":"Ionic 2 - provjera povezanosti s mre\u017eom - Tomislav Stankovi\u0107","og_description":"Iako sam ve\u0107 objavio blog post o provjeri povezanosti s mre\u017eom\/internetom za Ionic 1 mislim da je vrijeme da osvje\u017eim informacije s uputama vezanim uz Ionic 2. Od sada vi\u0161e ne\u0107emo koristiti ngCordova pluginove nego se prebacujemo na Ionic Native. Uz pretpostavku da ste ve\u0107 pokrenuli novi Ionic 2 projekt mo\u017eemo krenuti dalje. Ionic Native &hellip; Nastavi \u010ditati Ionic 2 &#8211; provjera povezanosti s mre\u017eom","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2017-02-12T17:00:17+00:00","article_modified_time":"2019-01-05T17:57:55+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic2-provjera-povezanosti-s-mrezom-internetom.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\/ionic2-provjera-povezanost-mreza-internet\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Ionic 2 &#8211; provjera povezanosti s mre\u017eom","datePublished":"2017-02-12T17:00:17+00:00","dateModified":"2019-01-05T17:57:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/"},"wordCount":436,"commentCount":0,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic2-provjera-povezanosti-s-mrezom-internetom.png","keywords":["Ionic 2","Ionic Native","Network"],"articleSection":["Mobile","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/","name":"Ionic 2 - provjera povezanosti s mre\u017eom - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic2-provjera-povezanosti-s-mrezom-internetom.png","datePublished":"2017-02-12T17:00:17+00:00","dateModified":"2019-01-05T17:57:55+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic2-provjera-povezanosti-s-mrezom-internetom.png","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/02\/ionic2-provjera-povezanosti-s-mrezom-internetom.png","width":825,"height":510,"caption":"Ionic 2 \u2013 provjera povezanosti s mre\u017eom"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-provjera-povezanost-mreza-internet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ionic 2 &#8211; provjera povezanosti s mre\u017eom"}]},{"@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\/4824","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=4824"}],"version-history":[{"count":19,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4824\/revisions"}],"predecessor-version":[{"id":4847,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4824\/revisions\/4847"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/4826"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=4824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=4824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=4824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}