{"id":3435,"date":"2010-05-27T10:57:08","date_gmt":"2010-05-27T08:57:08","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=3435"},"modified":"2011-07-25T10:23:55","modified_gmt":"2011-07-25T08:23:55","slug":"t046-accedere-a-flickr-dalle-nostre-applicazioni-iphone-parte-1","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t046-accedere-a-flickr-dalle-nostre-applicazioni-iphone-parte-1\/","title":{"rendered":"T#046 – Accedere a Flickr dalle nostre applicazioni iPhone (parte 1)"},"content":{"rendered":"

\"Logo<\/a> In questo tutorial cercheremo di costruire insieme un’applicazione perfettamente funzionante che racchiuda parte dei concetti che abbiamo gi\u00e0 trattato in altri toutorial e concetti nuovi che verranno affrontati qui per la prima volta.<\/p>\n

Come sempre cercher\u00f2 di costruire l’applicazione per approssimazioni successive, ponendo l’accento su quelli che possono essere gli errori pi\u00f9 comuni nello sviluppo di un app completa.<\/p>\n

In questa prima parte non ci occuperemo della parte di sviluppo su iphone, ma sar\u00e0 una introduzione generale all’utilizzo delle API di Flickr<\/strong> ed al protocollo REST<\/strong> in genere.<\/p>\n

Il progetto:<\/h4>\n

L’applicazione che vogliamo realizzare \u00e8 un semplice cient per Flickr, quello che vogliamo fare \u00e8 riuscire a scaricare e visulizzare le foto che flickr marca come “interessanti”. Questo elenco viene aggiornato quotidianamente quindi ogni giorno l’applicazione fornir\u00e0 foto diverse.<\/p>\n

Suppongo che tutti i lettori conoscano il servizio offerto da Flickr (in caso contrario vi esorto a visitare il sito flickr.com<\/a>), ma magari non tutti sanno che flickr offre un ottimo e documentatissimo seti di API (Application Programming Interface) per accedere al suo database.<\/p>\n

Ma come si fa ad usare queste API? Flickr mette a disposizione ben tre sistemi diversi, SOAP, XML-RPC e REST. Per la sua semplicit\u00e0 e versatilit\u00e0 noi utilizzeremo proprio quest’ultimo. Accedere alle API flickr tramite REST significa, in breve, costruire un particolare URL secondo le istruzioni fornite da flickr stesso, effettuare una chiamata HTTP su questo URL e analizzare il contenuto della risposta del server. Pi\u00f9 facile a farsi che a dirsi, sar\u00e0 tutto pi\u00f9 chiaro proseguendo nella lettura.<\/p>\n

Iniziamo:<\/h4>\n

La prima cosa da fare \u00e8 quella di registrarsi su Flickr e richiedere una propria API_KEY<\/strong>, una stringa alfanumerica che servir\u00e0 per identificare le nostre applicazioni.<\/p>\n

La pagina da visistare \u00e8 questa:<\/p>\n

http:\/\/www.flickr.com\/services\/api\/<\/a><\/p>\n

Una volta registrati potremo cliccare sul link “api keys<\/em>” per richiedere la nostra key personale.<\/p>\n

Ottenuta la nostra chiave, diamo uno sguardo alla pagina http:\/\/www.flickr.com\/services\/api\/<\/a>, da questa pagina \u00e8 possibile accedere a tutta la documentazione che flickr fornisce per le sue api.<\/p>\n

Cliccando su “request formats – REST” prendiamo nota che gl indirizzi URL da realizzare sono nella forma:<\/p>\n

\r\nhttp:\/\/api.flickr.com\/services\/rest\/?method=flickr.test.echo&name=value\r\n<\/pre>\n
In questo caso stiamo chiamando la funzione “flickr.test.echo” passando “value” come argomento per il parametro “name”.<\/p>\n
Ottenute queste informazioni generali, possiamo vedere nello specifico la funzione  flickr.interestingness.getList<\/strong> a questa pagina:<\/p>\n
http:\/\/www.flickr.com\/services\/api\/flickr.interestingness.getList.html<\/a><\/p>\n
questa funzione restituisce la lista delle foto interessanti del giorno stesso e della data specificata, e richiede come unico parametro non opzionale la propria api key<\/p>\n
L’url quindi da interrogare sar\u00e0 questo:<\/p>\n
\r\nhttp:\/\/api.flickr.com\/services\/rest\/?method=flickr.interestingness.getList&api_key=aa9999a999999999999aa999aa999a99\r\n<\/pre>\n
(ovviamente al posto di “aa9999a999999999999aa999aa999a99<\/em>” dovete inserire la vostra apikey)<\/p>\n
Possiamo fare gi\u00e0 una prima prova, apriamo il nostro browser e copiamo nella barra dell’indirizzo l’url che abbiamo costruito e premiamo invio. quello che vedremo sar\u00e0 un file XML contentente tutte le informazioni necessarie per recuperare e visualizzare le \u00a0immagini.<\/p>\n
(con alcuni browser, tra cui Chrome e Safari, viene visualizzata una pagina bianca, in quel caso bisogna semplicemente visualizzare il sorgente della pagina per esaminare il file XML).<\/p>\n
La risposta di flickr ha questa struttura:<\/p>\n
\r\n\r\n\r\n\r\n\r\n\r\n<\/photos>\r\n<\/rsp>\r\n<\/pre>\n
Resta da capire come ottenere, a partire da questo file xml l’immagine in questione!<\/p>\n
Per far questo baster\u00e0 consultare la solita documentazione fornita da flickr visibile a questo indirizzo:<\/p>\n
La pagina \u00e8 in inglese, ma credo che gli esempi siano piuttosto chiari, lo schema url che useremo sar\u00e0 il seguente:<\/p>\n
\r\nhttp:\/\/farm{farm-id}.static.flickr.com\/{server-id}\/{id}_{secret}.jpg\r\n<\/pre>\n
per visualizzare la prima foto presente nel file xml quindi sar\u00e0 visibile all’indirizzo:<\/p>\n
\r\nhttp:\/\/farm4.static.flickr.com\/3360\/4615393244_e2e21720d6.jpg\r\n<\/pre>\n
A questo punto possiamo avere gi\u00e0 un’idea di come dovr\u00e0 funzionare na nostra applicazione, per prima cosa dovr\u00e0 scaricare il file xml contenente tutte le informazioni necessarie, poi bisogner\u00e0 parsare questo file per ottenere i singoli valori (leggete l’ottimo tutorial di Andrea Busi<\/a> a tal proposito) e successivamente potremo costruire tutti gli url delle immagini per visualizzarle e salvarle sul nostro iphone.<\/p>\n
alla prossima puntata!<\/p>\n
\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
In questo tutorial cercheremo di costruire insieme un’applicazione perfettamente funzionante che racchiuda parte dei concetti che abbiamo…<\/p>\n","protected":false},"author":53,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[240,238,241,239,1],"class_list":["post-3435","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-api-flickr","tag-flickr","tag-ignazio-calo","tag-rest","tag-tutorial-pratici"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=3435"}],"version-history":[{"count":20,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3435\/revisions"}],"predecessor-version":[{"id":7298,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3435\/revisions\/7298"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=3435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=3435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=3435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
http:\/\/www.flickr.com\/services\/api\/misc.urls.html<\/a><\/p>\n