{"id":4965,"date":"2017-03-12T17:41:23","date_gmt":"2017-03-12T15:41:23","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=4965"},"modified":"2019-01-05T19:57:38","modified_gmt":"2019-01-05T17:57:38","slug":"ionic2-google-drive-rest-api-prikaz-podataka","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/","title":{"rendered":"Google Drive REST API &#038; Ionic 2  &#8211; prikaz podataka"},"content":{"rendered":"<p>U ovom \u0107emo blog postu napraviti primjer <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/tag\/ionic-2\/\" target=\"_blank\"><em>Ionic 2<\/em><\/a> aplikacije koja prikazuje podatke izravno s <em>Google Diska<\/em> pomo\u0107u <a href=\"https:\/\/developers.google.com\/drive\/v2\/web\/about-sdk\" target=\"_blank\"><em>Google Drive REST API<\/em><\/a>-ja. <\/p>\n<p>Najve\u0107i fokus biti \u0107e na postavljanju <em>Google Drive API<\/em>-ja kako bi dobili <em><a href=\"https:\/\/en.wikipedia.org\/wiki\/Uniform_Resource_Locator\" target=\"_blank\">URL<\/a><\/em>, na koji \u0107emo slati <em><a href=\"https:\/\/www.w3schools.com\/tags\/ref_httpmethods.asp\" target=\"_blank\">GET<\/a><\/em> zahtjev, koji se onda mo\u017ee koristiti u svim vrstama mobilnih i web aplikacija. Ovdje je sada slu\u010dajno ispalo da \u0107e se prikaz vr\u0161iti u <em>Ionic 2<\/em> aplikaciji, ali isto tako mogli smo napraviti obi\u010dnu <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/postavljanje-angular2-typescript-projekta\/\" target=\"_blank\"><em>Angular 2<\/em> web aplikaciju<\/a> ili ne\u0161to tre\u0107e.<\/p>\n<p>Jedna od najve\u0107ih <strong>prednosti kori\u0161tenja <em>Google Drive API<\/em>-ja<\/strong> je \u0161to ne morate raditi svoj API jer to ipak zahtjeva ne\u0161to vi\u0161e vremena i znanja kako bi se sve postavilo i bilo spremno za kori\u0161tenje. U ovom slu\u010daju Google se brine za sve, a na vama je samo da smislite na\u010din kako najbolje iskoristiti to \u0161to vam Google nudi unutar svoje web ili mobilne aplikacije.<\/p>\n<h2>Google API Manager<\/h2>\n<p>Na adresi <a href=\"https:\/\/console.developers.google.com\/\" target=\"_blank\">https:\/\/console.developers.google.com\/<\/a> \u0107emo kreirati aplikaciju za koju trebamo <em>API key<\/em>. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API.jpg\" alt=\"Google Developers API\" width=\"538\" height=\"287\" class=\"aligncenter size-full wp-image-4972\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API.jpg 538w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-300x160.jpg 300w\" sizes=\"auto, (max-width: 538px) 100vw, 538px\" \/><\/p>\n<p>Nakon \u0161to smo to napravili trebamo odobriti (<em>Enable<\/em>) <em>Google Drive API<\/em>.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Enable.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Enable.jpg\" alt=\"Google Developers API Enable\" width=\"1221\" height=\"557\" class=\"aligncenter size-full wp-image-4975\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Enable.jpg 1221w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Enable-300x137.jpg 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Enable-768x350.jpg 768w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Enable-1024x467.jpg 1024w\" sizes=\"auto, (max-width: 1221px) 100vw, 1221px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-Drive-API.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-Drive-API.jpg\" alt=\"Google Developers Drive API\" width=\"1426\" height=\"520\" class=\"aligncenter size-full wp-image-4977\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-Drive-API.jpg 1426w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-Drive-API-300x109.jpg 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-Drive-API-768x280.jpg 768w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-Drive-API-1024x373.jpg 1024w\" sizes=\"auto, (max-width: 1426px) 100vw, 1426px\" \/><\/a><\/p>\n<p>Sada moramo kreirati pristupne podatke (<em>Credentials<\/em>) kako bi <em>Google<\/em> znao da imamo pravo pristupiti podacima unutar <em>Google Drivea<\/em>.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials.jpg\" alt=\"Google Developers API Create-credentials\" width=\"933\" height=\"260\" class=\"aligncenter size-full wp-image-4979\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials.jpg 933w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials-300x84.jpg 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials-768x214.jpg 768w\" sizes=\"auto, (max-width: 933px) 100vw, 933px\" \/><\/a><\/p>\n<p>U ovom slu\u010daju mi \u0107emo koristiti <em>API key<\/em>. <a href=\"https:\/\/support.google.com\/googleapi\/answer\/6158857\" target=\"_blank\">Vi\u0161e o ostalim vrstama autentifikacije mo\u017eete saznati ovdje<\/a>.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials-2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials-2.jpg\" alt=\"Google Developers API Create credentials\" width=\"458\" height=\"425\" class=\"aligncenter size-full wp-image-4981\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials-2.jpg 458w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-Create-credentials-2-300x278.jpg 300w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/a><\/p>\n<p><em>API key<\/em> uspje\u0161no kreiran.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-created.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-created.jpg\" alt=\"Google Developers API key created\" width=\"538\" height=\"291\" class=\"aligncenter size-full wp-image-4984\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-created.jpg 538w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-created-300x162.jpg 300w\" sizes=\"auto, (max-width: 538px) 100vw, 538px\" \/><\/a><\/p>\n<p>Nakon \u0161to je <em>API key<\/em> kreiran imamo mogu\u0107nost <a href=\"https:\/\/support.google.com\/googleapi\/answer\/6310037?hl=en\" target=\"_blank\">pozabaviti se njegovom sigurno\u0161\u0107u<\/a>. U ovom primjeru opciju sigurnosti \u0107emo ostaviti kao <em>None<\/em> jer \u0107e ovaj blog post dobiti zna\u010dajno na du\u017eini i kompleksnosti ako krenem sve opcije detaljno obja\u0161njavati. Tako\u0111er, nakon objave ovog blog posta <em>API<\/em> koji smo kreirali \u0107u ugasiti tako da ne\u0107e biti sigurnosnih problema. Vi nipo\u0161to nemojte svoj <em>Google Drive API<\/em> ostaviti tako neza\u0161ti\u0107en.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-restriction.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-restriction.jpg\" alt=\"Google Developers API key restriction\" width=\"967\" height=\"623\" class=\"aligncenter size-full wp-image-4987\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-restriction.jpg 967w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-restriction-300x193.jpg 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Google-Developers-API-key-restriction-768x495.jpg 768w\" sizes=\"auto, (max-width: 967px) 100vw, 967px\" \/><\/a><\/p>\n<h2>Google Drive API URL<\/h2>\n<p>Kako bi mogli prikazati podatke iz <em>Google Drivea<\/em> osim <em>API keya<\/em> trebamo i <em>ID<\/em> mape iz koje \u017eelimo vu\u0107i podatke. Vi\u0161e o tome na <em><a href=\"https:\/\/developers.google.com\/drive\/v2\/reference\/\" target=\"_blank\">API Reference<\/a><\/em>.<\/p>\n<pre class=\"lang:sh decode:true \" >https:\/\/www.googleapis.com\/drive\/v2\/files?q='{folder ID}'+in+parents&amp;key={API key}<\/pre>\n<p>Na <em>Google Driveu<\/em> sada imamo mapu <strong>ZaIonic2Aplikaciju<\/strong> unutar koje se nalaze jo\u0161 dvije mape, nekoliko fotografija i jedan <em>Word<\/em> dokument. <\/p>\n<p>Iz URL-a  <span class=\"lang:sh decode:true  crayon-inline \" >https:\/\/drive.google.com\/drive\/folders\/0BzVqFZUj1VDhYnk4dkZ1NGVRWUE<\/span>  \u0107emo izvu\u0107i <em>ID<\/em> mape  <span class=\"lang:sh decode:true  crayon-inline \" >0BzVqFZUj1VDhYnk4dkZ1NGVRWUE<\/span> . <\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ZaIonic2Aplikaciju-GoogleDrive-mapa.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ZaIonic2Aplikaciju-GoogleDrive-mapa.jpg\" alt=\"ZaIonic2Aplikaciju GoogleDrive mapa\" width=\"1012\" height=\"558\" class=\"aligncenter size-full wp-image-4991\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ZaIonic2Aplikaciju-GoogleDrive-mapa.jpg 1012w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ZaIonic2Aplikaciju-GoogleDrive-mapa-300x165.jpg 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ZaIonic2Aplikaciju-GoogleDrive-mapa-768x423.jpg 768w\" sizes=\"auto, (max-width: 1012px) 100vw, 1012px\" \/><\/a><\/p>\n<p>Sada jo\u0161 samo trebamo postaviti u opcijama na\u0161e mape da je vidljiva javno.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDriveFolderShare.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDriveFolderShare.png\" alt=\"Google Drive Folder Share\" width=\"1014\" height=\"451\" class=\"aligncenter size-full wp-image-4996\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDriveFolderShare.png 1014w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDriveFolderShare-300x133.png 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDriveFolderShare-768x342.png 768w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><\/a><\/p>\n<p>I kona\u010dno, na\u0161 API URL izgleda ovako  <span class=\"lang:sh decode:true  crayon-inline \" >https:\/\/www.googleapis.com\/drive\/v2\/files?q=&#8217;0BzVqFZUj1VDhYnk4dkZ1NGVRWUE&#8217;+in+parents&amp;key=AIzaSyC6Ifro0MzucXPKM-LpKNB2M-dP6U1yPYU<\/span>.<\/p>\n<p><em>API<\/em> sada mo\u017eemo testirati koriste\u0107i <em><a href=\"https:\/\/www.getpostman.com\/\" target=\"_blank\">Postman<\/a><\/em>. Rezultat je <em><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Array\" target=\"_blank\">array<\/a><\/em> sa objektima.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDrive-API-rezultat.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDrive-API-rezultat.gif\" alt=\"GoogleDrive API rezultat\" width=\"1261\" height=\"845\" class=\"aligncenter size-full wp-image-4999\" \/><\/a><\/p>\n<h2>Ionic 2 aplikacija<\/h2>\n<p>Ovako to izgleda kada se <em>API<\/em> koristi unutar <em>Ionic 2<\/em> aplikacije. Kako to posti\u0107i mo\u017eete saznati u jednom od prethodnih blog postova pod nazivom &#8220;<a href=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-prikaz-json-podatak-api\/\" target=\"_blank\">Ionic 2 &#8211; prikaz JSON-a sa API-ja<\/a>&#8220;.<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"home.html\" >&lt;ion-header&gt;\r\n  &lt;ion-navbar&gt;\r\n    &lt;ion-title&gt;\r\n     Google Drive API Data\r\n    &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;button ion-button color=\"light\" (click)=\"getData()\"&gt;GET Data&lt;\/button&gt;\r\n \r\n  &lt;ion-card *ngFor=\"let u of data\"&gt;\r\n\r\n  &lt;ion-item&gt;\r\n    &lt;ion-avatar item-left&gt;\r\n      &lt;img src=\"{{u.owners[0].picture.url}}\"&gt;\r\n    &lt;\/ion-avatar&gt;\r\n    &lt;h2&gt;Naziv: {{u.title}}&lt;\/h2&gt;\r\n    &lt;p&gt;Autor: {{u.owners[0].displayName}}&lt;\/p&gt;\r\n\t&lt;p&gt;Datum: {{u.createdDate}}&lt;\/p&gt;\r\n  &lt;\/ion-item&gt;\r\n  \r\n   &lt;img src=\"{{u.thumbnailLink}}\"&gt; \r\n\r\n&lt;\/ion-card&gt;\r\n&lt;\/ion-content&gt;<\/pre>\n<p>Pomo\u0107u parametra  <span class=\"lang:js decode:true  crayon-inline \" >mimeType<\/span>  mo\u017eemo si filtrirati npr. samo mape, fotografije i dr.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDriveAPI-Ionic2.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/GoogleDriveAPI-Ionic2.gif\" alt=\"GoogleDriveAPI Ionic2\" width=\"1261\" height=\"755\" class=\"aligncenter size-full wp-image-5002\" \/><\/a><\/p>\n<h2>Zaklju\u010dak<\/h2>\n<p>Kada radite aplikaciju u kojoj \u017eelite prikazati neke podatke jedna od mogu\u0107nosti je kori\u0161tenje <em>Google Drive API<\/em>-ja. U ovom ste blog postu mogli vidjeti koliko je jednostavno postaviti funkcionalan API o kojemu kasnije ne morate previ\u0161e brinuti za razliku od opcije da radite svoj <em><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/jednostavan-nodejs-expressjs-rest-api\/\" target=\"_blank\">NodeJS &#038; ExpressJS API<\/a><\/em>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>U ovom \u0107emo blog postu napraviti primjer Ionic 2 aplikacije koja prikazuje podatke izravno s Google Diska pomo\u0107u Google Drive REST API-ja. Najve\u0107i fokus biti \u0107e na postavljanju Google Drive API-ja kako bi dobili URL, na koji \u0107emo slati GET zahtjev, koji se onda mo\u017ee koristiti u svim vrstama mobilnih i web aplikacija. Ovdje je &hellip; <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/\" class=\"more-link\">Nastavi \u010ditati <span class=\"screen-reader-text\">Google Drive REST API &#038; Ionic 2  &#8211; prikaz podataka<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4967,"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":[393,381,394],"class_list":["post-4965","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-razvoj","tag-google-drive","tag-ionic-2","tag-rest-api"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Google Drive REST API &amp; Ionic 2 - prikaz podataka - 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-google-drive-rest-api-prikaz-podataka\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Drive REST API &amp; Ionic 2 - prikaz podataka - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"U ovom \u0107emo blog postu napraviti primjer Ionic 2 aplikacije koja prikazuje podatke izravno s Google Diska pomo\u0107u Google Drive REST API-ja. Najve\u0107i fokus biti \u0107e na postavljanju Google Drive API-ja kako bi dobili URL, na koji \u0107emo slati GET zahtjev, koji se onda mo\u017ee koristiti u svim vrstama mobilnih i web aplikacija. Ovdje je &hellip; Nastavi \u010ditati Google Drive REST API &#038; Ionic 2 &#8211; prikaz podataka\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-12T15:41:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:57:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Ionic2-Google-Drive-REST-API.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=\"3 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-google-drive-rest-api-prikaz-podataka\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Google Drive REST API &#038; Ionic 2 &#8211; prikaz podataka\",\"datePublished\":\"2017-03-12T15:41:23+00:00\",\"dateModified\":\"2019-01-05T17:57:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/\"},\"wordCount\":543,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/Ionic2-Google-Drive-REST-API.png\",\"keywords\":[\"Google Drive\",\"Ionic 2\",\"REST API\"],\"articleSection\":[\"Mobile\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/\",\"name\":\"Google Drive REST API & Ionic 2 - prikaz podataka - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/Ionic2-Google-Drive-REST-API.png\",\"datePublished\":\"2017-03-12T15:41:23+00:00\",\"dateModified\":\"2019-01-05T17:57:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/Ionic2-Google-Drive-REST-API.png\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/Ionic2-Google-Drive-REST-API.png\",\"width\":825,\"height\":510,\"caption\":\"Ionic 2 & Google Drive REST API - prikaz podataka\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-google-drive-rest-api-prikaz-podataka\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Drive REST API &#038; Ionic 2 &#8211; prikaz podataka\"}]},{\"@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":"Google Drive REST API & Ionic 2 - prikaz podataka - 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-google-drive-rest-api-prikaz-podataka\/","og_locale":"hr_HR","og_type":"article","og_title":"Google Drive REST API & Ionic 2 - prikaz podataka - Tomislav Stankovi\u0107","og_description":"U ovom \u0107emo blog postu napraviti primjer Ionic 2 aplikacije koja prikazuje podatke izravno s Google Diska pomo\u0107u Google Drive REST API-ja. Najve\u0107i fokus biti \u0107e na postavljanju Google Drive API-ja kako bi dobili URL, na koji \u0107emo slati GET zahtjev, koji se onda mo\u017ee koristiti u svim vrstama mobilnih i web aplikacija. Ovdje je &hellip; Nastavi \u010ditati Google Drive REST API &#038; Ionic 2 &#8211; prikaz podataka","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2017-03-12T15:41:23+00:00","article_modified_time":"2019-01-05T17:57:38+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Ionic2-Google-Drive-REST-API.png","type":"image\/png"}],"author":"Tomislav Stankovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Napisao\/la":"Tomislav Stankovi\u0107","Procijenjeno vrijeme \u010ditanja":"3 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Google Drive REST API &#038; Ionic 2 &#8211; prikaz podataka","datePublished":"2017-03-12T15:41:23+00:00","dateModified":"2019-01-05T17:57:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/"},"wordCount":543,"commentCount":6,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Ionic2-Google-Drive-REST-API.png","keywords":["Google Drive","Ionic 2","REST API"],"articleSection":["Mobile","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/","name":"Google Drive REST API & Ionic 2 - prikaz podataka - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Ionic2-Google-Drive-REST-API.png","datePublished":"2017-03-12T15:41:23+00:00","dateModified":"2019-01-05T17:57:38+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Ionic2-Google-Drive-REST-API.png","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/Ionic2-Google-Drive-REST-API.png","width":825,"height":510,"caption":"Ionic 2 & Google Drive REST API - prikaz podataka"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-google-drive-rest-api-prikaz-podataka\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Google Drive REST API &#038; Ionic 2 &#8211; prikaz podataka"}]},{"@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\/4965","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=4965"}],"version-history":[{"count":34,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4965\/revisions"}],"predecessor-version":[{"id":5011,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4965\/revisions\/5011"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/4967"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=4965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=4965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=4965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}