Vývoj Internetových Aplikací

Rozměr: px

Začít zobrazení ze stránky:

Download "Vývoj Internetových Aplikací"

Peter Hruška
před 8 lety
Počet zobrazení:

1 9 Vývoj Internetových Aplikací Webová API Ing. Jan Janoušek

2 API - Application Programming Interface - Definuje způsob interakce mezi: - Softwarovými komponentami Interface - Software a hardware OpenGL DirectX OpenCL - Celými systémy, či jejich částmi Windows API Linux Kernel API SOAP REST

Software a hardware OpenGL DirectX OpenCL - Celými

3 Proč API? - Nezávislost. - Škálovatelnost. - Poskytování služeb třetím stranám. - Vím co chci a je mi jedno jak toho dosáhnu (blackbox).

4 Web services - Webové služby jsou podmnožinou API. - Softwarový prostředek pro komunikaci mezi zařízeními prostřednictvím sítě. - Nejčastěji prostřednictvím HTTP protokolu. - XML vs. JSON - Nezávislost na platformě. - Nezávislost na programovacím jazyce. - Bezpečnost - Autentizace vs. autorizace - Podepisování požadavků - HTTP vs. HTTPS

- Nejčastěji prostřednictvím HTTP protokolu. - XML vs.

REST - Representational State Transfer - Dnes nejrozšířenější typ webového API. - Bezstavová komunikace využívající HTTP protokol. - REST API je kolekcí zdrojů, na nichž je možné provádět operace.

5 REST - Representational State Transfer - Dnes nejrozšířenější typ webového API. - Bezstavová komunikace využívající HTTP protokol. - REST API je kolekcí zdrojů, na nichž je možné provádět operace. - Každý zdroj je jednoznačně identifikován svou URL. - HTTP metody GET, POST, PUT a DELETE. - Odpovědi serveru jsou nejčastěji XML, nebo JSON. - Škálovatelnost a možnost cachování. GET GET DELETE

- HTTP metody GET, POST, PUT a DELETE. - Odpovědi serveru jsou nejčastěji XML, nebo JSON. - Škálovatelnost a možnost cachování. GET http://adresa-api.

SOAP - Simple Object Access Protocol - V oblasti webu ne příliš používaná technologie. - Nejčastěji využívá protokolu HTTP, ale používají se i jiné, jako SMTP, TCP, JMS (Java Message Service).

6 SOAP - Simple Object Access Protocol - V oblasti webu ne příliš používaná technologie. - Nejčastěji využívá protokolu HTTP, ale používají se i jiné, jako SMTP, TCP, JMS (Java Message Service). - Požadavek na server, tak jeho odpověď je XML dokument. POST /InStock HTTP/1.1 Host: Content-Type: application/soap+xml; charset=utf-8 Content-Length: 299 SOAPAction: " <!- -> <?xml version="1.0"?> <soap:envelope xmlns:soap=" <soap:header> </soap:header> <soap:body> <m:getstockprice xmlns:m=" <m:stockname>ibm</m:stockname> </m:getstockprice> </soap:body> </soap:envelope>

POST /InStock HTTP/1.1 Host: www.example.org Content-Type: application/soap+xml; charset=utf-8 Content-Length: 299 SOAPAction: "http://www.w3.org/2003/05/soap-envelope" <!

WSDL a UDDI - WSDL (Web Services Description Language) - Jazyk pro popis rozhraní webové služby pomocí XML. - Popis je strojově čitelný. - Automatické generování zdrojových kódů klienta.

7 WSDL a UDDI - WSDL (Web Services Description Language) - Jazyk pro popis rozhraní webové služby pomocí XML. - Popis je strojově čitelný. - Automatické generování zdrojových kódů klienta. - UDDI (Universal Description Discovery and Integration) - Databáze webových služeb. - Komunikace probíhá pomocí SOAP. - Poskytuje WSDL dokumenty k jednotlivým API. - Používá se spíše v korporacích.

- UDDI (Universal Description Discovery and Integration) - Databáze webových služeb.

8 Facebook API - Vše je vázáno na Facebook aplikaci. - Social graph kolekce všech dat vytvořených uživateli na FB provázaná do grafové struktury. - Široká škála služeb/api: - Graph API Primární API pro čtení a tvorbu obsahu v rámci Social graph. - Open Graph Nástroj pro vytváření/popis nových objektů v rámci Social graph. - Social Plugins miniaplikace pro webové stránky.

- Široká škála služeb/api: - Graph API Primární API pro čtení a tvorbu obsahu v rámci Social graph.

9 Facebook - Graph API - REST API vracející JSON. - Oficiální SDK existuje pro JavaScript, PHP, Android (Java), ios (Objective-C) a Unity. - Pro komunikaci s API je potřeba ID aplikace a její privátní a veřejný klíč. - Operace spojené s daty konkrétních uživatelů jsou podmíněny autorizací. - graph.facebook.com /{node-id}/{edge-name}

- Pro komunikaci s API je potřeba ID aplikace a její privátní a veřejný klíč.

10 Facebook - Graph API <div id="fb-root"></div> <script> window.fbasyncinit = function() { }; FB.init({ appid : 'ID_APLIKACE', status : true, xfbml : true, version : 'v2.1' }); // Zde můžete pracovat s API FB.login(function(response) { FB.api('/me', function(response) { alert('vaše jméno: ' + response.name); }); }, { scope: ' ,user_likes' }); (function(d, s, id){ var js, fjs = d.getelementsbytagname(s)[0]; if (d.getelementbyid(id)) {return;} js = d.createelement(s); js.id = id; js.src = "//connect.facebook.net/cs_cz/all.js"; fjs.parentnode.insertbefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>

$api('/me', function(response) { alert('vaše jméno: ' + response.name); }); }, { scope: 'email,user_likes' }); (function(d, s, id){ var js, fjs = d.$

- Objekty a akce musejí projít schvalovacím procesem.

11 Facebook - Open Graph - Umožňuje ovlivňovat co a jak se sdílí na zeď uživatele. - Obsah je tvořen objektem, akcí a uživatelem. - Objekty a akce musejí projít schvalovacím procesem. curl -X POST -F objekt={url-stranky}" -F "access_token=..

12 Facebook - Open Graph protocol - Open Graph protocol Metadata pro popis objektů. - Využívá i Google+ - <meta property="og:title" content="the Rock" /> <meta property="og:type" content="video.movie" /> <meta property="og:url" content=" /> <meta property="og:image" content=" />

com/tools/debug <meta property="og:title" content="the Rock" /> <meta property="og:type" content="video.

13 Facebook - Social Plugins - Miniaplikace pro webové stránky. - Tlačítka Like, Share, Send a Follow - Embedded Posts - Comments Plugin - Activity Feed - Registration - Recommendations Bar - A další

Comments Plugin - Activity Feed - Registration -

14 Google API - Vše je vázáno na aplikaci. - Velká škála služeb/api (REST) Maps, YouTube, Google+, Translate, Visualisation, Analytics, AdSense, Calendar, Drive, Web Fonts, Cloud Storage, Cloud SQL a spousta dalších. - Kvalitní dokumentace. - Oficiální knihovny pro širokou škálu jazyků JavaScript, Python, Java, Ruby, PHP, Go, C#

Analytics, AdSense, Calendar, Drive, Web Fonts, Cloud Storage, Cloud SQL a spousta

Google Maps https://cloud.google.com/console - Oficiální SDK: Web (JavaScript), ios a Android - Vyžaduje API klíč. - Vlastní vrstvy a značky. - Zdarma ale omezení na počet požadavků.

15 Google Maps - Oficiální SDK: Web (JavaScript), ios a Android - Vyžaduje API klíč. - Vlastní vrstvy a značky. - Zdarma ale omezení na počet požadavků. - Zahrnuje další API: - Directions - Distance Matrix - Elevation - Geocoding - Time Zone <script type="text/javascript src=" =SET_TO_TRUE_OR_FALSE"> <script type="text/javascript"> function initialize() { var mapoptions = { center: new google.maps.latlng( , ), zoom: 8, maptypeid: google.maps.maptypeid.roadmap }; var el = document.getelementbyid("map-canvas"); var map = new google.maps.map(el, mapoptions); } google.maps.event.adddomlistener(window, 'load', initialize); </script>

$key=api_key&sensr =SET_TO_TRUE_OR_FALSE"> <script type="text/javascript"> function initialize() { var mapoptions = { center: new google.maps.latlng(-34.397, 150.$

16 Google+ widgets - Tlačítka +1, Follow a Share - Embedded posts - Badge - Snippet

17 OAuth Otevřený standard pro autorizaci (ne autentizaci) přístupu k datům uživatele. - Pro bezpečný běh vyžaduje SSL (HTTPS). - Obsahuje několik procesů/toků autorizace: - User-Agent Flow - Web Server Flow - Username and Password Flow - Assertion Flow - Client Credentials Flow - Využívá jej Facebook, Google, Twitter a spousta dalších serverů.

18 OAuth 2.0 Web Server Flow

19 OAuth 2.0 User-Agent Flow

20 Další API - Twitter sociální síť Dropbox API uložiště Box.net uložiště Flickr fotografie Last.fm hudba Foursquare sociální síť Evernote poznámky Mapy.cz mapy Vimeo video -

com/services/api/ - Last.fm hudba - http://www.last.fm/api - Foursquare sociální síť - https://developer.

Podobné dokumenty

Webové služby. Martin Sochor

Webové služby. Martin Sochor Webové služby Martin Sochor Webové služby způsob komunikace dvou aplikací přes Web binární zprávy (CORBA) blokovány proxy servery a firewally masivní využití XML protokol SOAP + jazyk pro popis služeb