586
edits
IFD:WApplications/Vortraege/APIs JSON (view source)
Revision as of 12:06, 13 December 2011
, 13 December 2011→Vorteil gegneüber XML
(→Albums) |
|||
| (23 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
=API – Application Programming Interface= | =API – Application Programming Interface= | ||
[http://www.slideshare.net/augentier/api-vortrag Präsentation auf slideshare.net] | |||
==Übersicht== | ==Übersicht== | ||
* Facebook – Graph API | * Facebook – Graph API | ||
| Line 5: | Line 6: | ||
* YouTube – Data API | * YouTube – Data API | ||
==[[JSON]]== | ==[[JSON]]== | ||
===Struktur | ===Struktur von JSON=== | ||
<source lang="javascript" > | <source lang="javascript" > | ||
{ | { | ||
| Line 19: | Line 20: | ||
} | } | ||
</source> | </source> | ||
'' | ''Size: 169 Bytes'' | ||
===Vergleich zu XML=== | ===Vergleich zu XML=== | ||
<source lang="xml"> | <source lang="xml"> | ||
| Line 34: | Line 36: | ||
</object> | </object> | ||
</source> | </source> | ||
'' | ''Size: 226 Bytes'' | ||
===Vorteile gegenüber XML=== | |||
Kleinere Datei, verschiedene Daten-Typen (string, number, object, array, boolean, empty), einfaches Parsing in JavaScript, PHP, Objective-C usw. | |||
==Parsing JSON== | ==Parsing JSON== | ||
===jQuery=== | ===jQuery=== | ||
| Line 76: | Line 79: | ||
} | } | ||
</source> | </source> | ||
'' | ''Size: 1.16 KB'' | ||
===Albums=== | ===Albums=== | ||
[http://graph.facebook.com/mercedesbenzdeutschland/albums graph.facebook.com/mercedesbenzdeutschland/albums] | [http://graph.facebook.com/mercedesbenzdeutschland/albums graph.facebook.com/mercedesbenzdeutschland/albums] | ||
<source lang="javascript"> | <source lang="javascript"> | ||
{ | { | ||
"data": [ | |||
{ | |||
"id": "251092158272082", | |||
"from": { | |||
"name": "Mercedes-Benz Deutschland", | |||
"category": "Cars", | |||
"id": "145689658812333" | |||
}, | |||
"name": "DTM 2011 - Rennen, Finale und Showprogramm", | |||
"location": "Hockenheimring Baden-W\u00fcrttemberg", | |||
"link": "https://www.facebook.com/album.php?fbid=251092158272082&id=145689658812333&aid=54543", | |||
"cover_photo": "251092214938743", | |||
"count": 10, | |||
"type": "normal", | |||
"created_time": "2011-10-27T08:08:23+0000", | |||
"updated_time": "2011-10-27T08:10:30+0000", | |||
"can_upload": false | |||
}, | |||
{ | |||
"id": "249480695099895", | |||
"from": { | |||
"name": "Mercedes-Benz Deutschland", | |||
"category": "Cars", | |||
"id": "145689658812333" | |||
}, | |||
"name": "DTM Finale 2011 - Mercedes-Benz", | |||
"location": "Hockenheim", | |||
"link": "https://www.facebook.com/album.php?fbid=249480695099895&id=145689658812333&aid=54185", | |||
"cover_photo": "249480751766556", | |||
"count": 7, | |||
"type": "normal", | |||
"created_time": "2011-10-23T14:45:52+0000", | |||
"updated_time": "2011-10-24T13:33:17+0000", | |||
"can_upload": false | |||
}, | |||
[…] | |||
] | |||
} | } | ||
</source> | </source> | ||
'' | ''Size: 1.16 KB'' | ||
===Album Photos=== | ===Album Photos=== | ||
[http://graph.facebook.com/251092158272082/photos graph.facebook.com/251092158272082/photos | [http://graph.facebook.com/251092158272082/photos graph.facebook.com/251092158272082/photos] | ||
] | |||
<source lang="javascript"> | <source lang="javascript"> | ||
{ | { | ||
"data": [ | |||
{ | |||
"id": "251092214938743", | |||
"from": { | |||
"name": "Mercedes-Benz Deutschland", | |||
"category": "Cars", | |||
"id": "145689658812333" | |||
}, | |||
"tags": { | |||
"data": [ | |||
{ | |||
"id": "100000441323195", | |||
"name": "Denis H\u00f6rner", | |||
"x": 50.1042, | |||
"y": 83.6795, | |||
"created_time": "2011-10-27T10:40:08+0000" | |||
} | |||
] | |||
}, | |||
"name": "DTM 2011\r\n\r\nMotorsports / DTM: german touring cars championship 2011, 07 […]", | |||
"picture": "http://photos-f.ak.fbcdn.net/hphotos-ak-snc7/299511_251092214938743_145689658812333_64…", | |||
"source": "http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/s720x720/299511_251092214938743_14568965…", | |||
"height": 505, | |||
"width": 720, | |||
"images": [ | |||
{ | |||
"height": 505, | |||
"width": 720, | |||
"source": "http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/s720x720/299511_2510922149…" | |||
}, | |||
{ | |||
"height": 126, | |||
"width": 180, | |||
"source": "http://photos-f.ak.fbcdn.net/hphotos-ak-snc7/299511_251092214938743_14568965…" | |||
}, | |||
[…] | |||
], | |||
"link": "http://www.facebook.com/photo.php?pid=642955&id=145689658812333", | |||
"icon": "http://static.ak.fbcdn.net/rsrc.php/v1/yz/r/StEh3RhPvjk.gif", | |||
[…] | |||
} | |||
] | |||
} | |||
</source> | </source> | ||
===Picture=== | ===Picture=== | ||
[http://graph.facebook.com/251092214938743 graph.facebook.com/251092214938743] | [http://graph.facebook.com/251092214938743 graph.facebook.com/251092214938743] | ||
<source lang="javascript"> | <source lang="javascript"> | ||
{ | { | ||
"id": "251092214938743", | |||
"from": { | |||
"name": "Mercedes-Benz Deutschland", | |||
"category": "Cars", | |||
"id": "145689658812333" | |||
}, | |||
"tags": { | |||
[…] | |||
}, | |||
"name": "DTM 2011\r\n\r\nMotorsports / DTM: german touring cars championship 2011, 07 Jamie Green (GBR, AMG […]", | |||
"picture": "http://photos-f.ak.fbcdn.net/hphotos-ak-snc7/299511_251092214938743_145689658812333_642955_1055534…", | |||
"source": "http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/s720x720/299511_251092214938743_145689658812333_6429…", | |||
"height": 505, | |||
"width": 720, | |||
"images": [ | |||
{ | |||
"height": 505, | |||
"width": 720, | |||
"source": "http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/s720x720/299511_251092214938743_145689658812333…" | |||
}, | |||
{ | |||
"height": 126, | |||
"width": 180, | |||
"source": "http://photos-f.ak.fbcdn.net/hphotos-ak-snc7/299511_251092214938743_145689658812333_642955…" | |||
}, | |||
[…] | […] | ||
], | |||
[…] | |||
} | |||
</source> | </source> | ||
===Reference=== | ===Reference=== | ||
[http://developers.facebook.com/docs/reference/api/ developers.facebook.com/docs/reference/api/] | [http://developers.facebook.com/docs/reference/api/ developers.facebook.com/docs/reference/api/] | ||
===Example=== | |||
[[File:Example_facebook_api.zip|Download Example]] | |||
==Twitter== | ==Twitter== | ||
[http://api.twitter.com/1/statuses/user_timeline.json?screen_name=saschalobo api.twitter.com/1/statuses/user_timeline.json?screen_name=saschalobo] | [http://api.twitter.com/1/statuses/user_timeline.json?screen_name=saschalobo api.twitter.com/1/statuses/user_timeline.json?screen_name=saschalobo] | ||
| Line 223: | Line 220: | ||
{ | { | ||
"id": 134979869225402368, | "id": 134979869225402368, | ||
"text": "Keine Ahnung, was das f\u00fcr die Finanzkrise hiesse, aber mein Leben w\u00e4re besser, wenn der | "text": "Keine Ahnung, was das f\u00fcr die Finanzkrise hiesse, aber mein Leben w\u00e4re besser, wenn der […]", | ||
"created_at": "Fri Nov 11 13:04:43 +0000 2011", | "created_at": "Fri Nov 11 13:04:43 +0000 2011", | ||
"user": { | "user": { | ||
| Line 234: | Line 231: | ||
{ | { | ||
"id": 134944048069869569, | "id": 134944048069869569, | ||
"text": "\u00dcberall liest man 11.11.11 \u2013\u00a0liebe Nerds, bitte achtet auch im Internet auf Eure | "text": "\u00dcberall liest man 11.11.11 \u2013\u00a0liebe Nerds, bitte achtet auch im Internet auf Eure […]", | ||
"created_at": "Thu Nov 10 22:31:56 +0000 2011", | "created_at": "Thu Nov 10 22:31:56 +0000 2011", | ||
"user": { | "user": { | ||
| Line 247: | Line 244: | ||
===Reference=== | ===Reference=== | ||
[http://dev.twitter.com/docs/api dev.twitter.com/docs/api] | [http://dev.twitter.com/docs/api dev.twitter.com/docs/api] | ||
==YouTube== | ==YouTube== | ||
[http://gdata.youtube.com/feeds/api/users/NationalGeographic/uploads?v=2&alt=json&max-results=50 gdata.youtube.com/feeds/api/users/NationalGeographic/uploads?v=2&alt=json&max-results=50] | [http://gdata.youtube.com/feeds/api/users/NationalGeographic/uploads?v=2&alt=json&max-results=50 gdata.youtube.com/feeds/api/users/NationalGeographic/uploads?v=2&alt=json&max-results=50] | ||
| Line 281: | Line 279: | ||
===Reference=== | ===Reference=== | ||
[http://code.google.com/intl/en-UK/apis/youtube/2.0/reference.html code.google.com/intl/en-UK/apis/youtube/2.0/reference.html] | [http://code.google.com/intl/en-UK/apis/youtube/2.0/reference.html code.google.com/intl/en-UK/apis/youtube/2.0/reference.html] | ||
===Example=== | |||
[[File:Example_youtube_api.zip|Download Example]] | |||