Facebook APIIntegrera Facebook med din befintliga IT-strukturAv: Fredrik Sewén // Tekniskt ansvarig på 7billion // 21 febr...
Facebook Social plugins
Facebook Graph API
Best practices när man utvecklar mot Facebook
Debugga dina applikationer</li></li></ul><li>INLEDNING<br />
INLEDNING - Vad är Facebook API?	<br />API = Application Programming Interface<br />Ett gränssnitt för att interagera med ...
INLEDNING – Vad innebär att interagera med Facebook?	<br />INTE:<br /><ul><li>PAGES
GRUPPER
PLACES</li></ul>UTAN:<br /><ul><li>Ditt innehåll
Ditt varumärke
Din webbplats
Din webbadress</li></ul>Facebook API är ett gränssnitt för att göra din webbplats eller ditt varumärke<br />– Socialt & pe...
INLEDNING – Vad är en Facebook-applikation?	<br /><ul><li>Canvas applikation (applikation på Facebook)
Iframe (XFBML)
FBML
Webbapplikation (Facebook på extern webbplats)
XFBML
Mobilapplikation (berörs inte i det här seminariet)</li></li></ul><li>INLEDNING – Hur fungerar en Facebook-applikation?	<b...
INLEDNING – Hur fungerar en Facebook-applikation? 	<br />Webbapplikation<br />Browser<br />Http-request<br />Webbplats<br ...
SOCIAL PLUGINS<br />
SOCIAL PLUGINS – Like-knappen<br /><ul><li>Enklaste sättet att komma igång
Mest känd: like(gilla)-knappen</li></li></ul><li>SOCIAL PLUGINS – Open Graph protocol	<br /><ul><li>Varje webbplats blir e...
Ger möjlighet att påverka
Upcoming SlideShare
Loading in …5
×

Facebook API - Integrera Facebook med din befintliga IT-struktur

1,511
-1

Published on

Presentation från NFI frukostseminarium 21 februari 2011.

Facebook API - Integrera Facebook med din befintliga IT-struktur

Av Fredrik Sewén

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,511
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Facebook API - Integrera Facebook med din befintliga IT-struktur

  1. 1. Facebook APIIntegrera Facebook med din befintliga IT-strukturAv: Fredrik Sewén // Tekniskt ansvarig på 7billion // 21 februari 2011Kontakt: Tele: 073 980 67 75 // Mail: fredrik@7billion.se // Twitter: sewen77 // Facebook: www.facebook.com/sewen<br /><ul><li>Inledning - Vad är Facebook API
  2. 2. Facebook Social plugins
  3. 3. Facebook Graph API
  4. 4. Best practices när man utvecklar mot Facebook
  5. 5. Debugga dina applikationer</li></li></ul><li>INLEDNING<br />
  6. 6. INLEDNING - Vad är Facebook API? <br />API = Application Programming Interface<br />Ett gränssnitt för att interagera med Facebook<br />
  7. 7. INLEDNING – Vad innebär att interagera med Facebook? <br />INTE:<br /><ul><li>PAGES
  8. 8. GRUPPER
  9. 9. PLACES</li></ul>UTAN:<br /><ul><li>Ditt innehåll
  10. 10. Ditt varumärke
  11. 11. Din webbplats
  12. 12. Din webbadress</li></ul>Facebook API är ett gränssnitt för att göra din webbplats eller ditt varumärke<br />– Socialt & personligt<br />
  13. 13. INLEDNING – Vad är en Facebook-applikation? <br /><ul><li>Canvas applikation (applikation på Facebook)
  14. 14. Iframe (XFBML)
  15. 15. FBML
  16. 16. Webbapplikation (Facebook på extern webbplats)
  17. 17. XFBML
  18. 18. Mobilapplikation (berörs inte i det här seminariet)</li></li></ul><li>INLEDNING – Hur fungerar en Facebook-applikation? <br />Canvas applikation<br />(Iframe)<br />Browser<br />Http-request<br />Request<br />Webbplats<br />Facebook<br />API-anrop<br />Iframe<br />Response<br />
  19. 19. INLEDNING – Hur fungerar en Facebook-applikation? <br />Webbapplikation<br />Browser<br />Http-request<br />Webbplats<br />Facebook Server<br />API-anrop<br />
  20. 20. SOCIAL PLUGINS<br />
  21. 21. SOCIAL PLUGINS – Like-knappen<br /><ul><li>Enklaste sättet att komma igång
  22. 22. Mest känd: like(gilla)-knappen</li></li></ul><li>SOCIAL PLUGINS – Open Graph protocol <br /><ul><li>Varje webbplats blir ett objekt i den Sociala Grafen
  23. 23. Ger möjlighet att påverka
  24. 24. Obligatoriska egenskaper
  25. 25. og:title
  26. 26. og:type
  27. 27. og:image
  28. 28. og:url
  29. 29. og:site_name (Facebook kräver)
  30. 30. fb:admins / fb:app_id (Facebook kräver)
  31. 31. Frivilliga (rekommenderade)
  32. 32. og:description
  33. 33. Läs mer om Open Graph protocol: http://ogp.me/</li></li></ul><li>SOCIAL PLUGINS – Exempel <br />
  34. 34. SOCIAL PLUGINS – Open Graph protocol <br />Resultatet:<br />
  35. 35. SOCIAL PLUGINS – Debugga Open Graph protocol<br /><ul><li>URL Linter - http://developers.facebook.com/tools/lint/
  36. 36. Ett snabbt sätt att få information om din url.
  37. 37. Gör det lätt att felsöka hur Faccebook ser på din kod.</li></li></ul><li>SOCIAL PLUGINS - Events<br /><ul><li>Javascript-events
  38. 38. edge.create – närnågongillarnågot
  39. 39. edge.remove – närnågonogillarnågot (tar bort sin “like”)</li></ul>Används till atttriggaandra event<br />Exempelvis: Tracking<br />OBS! måstelägga till Javascript SDK<br />Läsmer: http://developers.facebook.com/docs/reference/javascript/<br />
  40. 40. SOCIAL PLUGINS – Andra plugins<br />
  41. 41. GRAPH API<br />
  42. 42. GRAPH API – Facebook API:er<br /><ul><li>Core API
  43. 43. Graph API
  44. 44. Social plugins
  45. 45. Facebook SDKs
  46. 46. Javascript SDK
  47. 47. PHP SDK
  48. 48. Python SDK
  49. 49. iPhone SDK
  50. 50. Android SDK
  51. 51. Advanced APIs
  52. 52. Facebook Query Language (FQL)
  53. 53. Facebook Markup Language (XFBML)
  54. 54. (Old REST API)
  55. 55. (Old Javascript Client Library)
  56. 56. Tredje parts SDK
  57. 57. C# ASP.NET / VB.NET
  58. 58. Java
  59. 59. Ruby on Rails
  60. 60. M.fl</li></li></ul><li>GRAPH API – Vad är Graph API?<br /><ul><li>Utbyte av INFORMATION!
  61. 61. Objekt i Facebook ”Social Graph”</li></ul>ex. <br />Album<br />Event<br />Group<br />Link<br />Note<br />Page<br />Photo<br />Post<br />Status message<br />User<br />Video<br /><ul><li>Ger också möjlighet till sökningar i ”Social Graph”
  62. 62. Sökmotorsoptimering</li></li></ul><li>GRAPH API – Möjligheter <br /><ul><li>https://graph.facebook.com/625091674
  63. 63. https://graph.facebook.com/sewen
  64. 64. https://graph.facebook.com/sewen/picture
  65. 65. https://graph.facebook.com/search?q=7billion&type=page
  66. 66. https://graph.facebook.com/http://www.7billion.se
  67. 67. https://graph.facebook.com/sewen?metadata=1</li></ul>Json svar för https://graph.facebook.com/sewen<br />{<br /> "id": "625091674", <br /> "name": "Fredrik Sewen", <br /> "first_name": "Fredrik", <br /> "last_name": "Sewen", <br /> "link": "http://www.facebook.com/sewen", <br /> "gender": "male", <br /> "locale": "en_US" <br />}<br />
  68. 68. GRAPH API – Vilken information?<br /><ul><li>Vad begränsar
  69. 69. Facebooks användarvillkor
  70. 70. Applikationen frågar – Användaren bestämmer (ger tillåtelse)
  71. 71. Extended permissions
  72. 72. All tillgänglig information, så länge användaren tillåter
  73. 73. Email, sms, relationer, intressen, osv.
  74. 74. Läs mer: http://developers.facebook.com/docs/authentication/permissions/
  75. 75. Authentication
  76. 76. Tidigare Facebook Connect
  77. 77. Oauth 2.0 – Ett öppet protokoll som även används av Google och Twitter</li></li></ul><li>GRAPH API – Best practice<br /><ul><li>Caching
  78. 78. Real-time API – berättar om något uppdaterats
  79. 79. Slipper round trips till Facebook serven
  80. 80. Logging
  81. 81. Logga minst (AnvändarID, Tid, Parametrar och värden, IP, ev. Felkoder)
  82. 82. Om fel, kolla felmeddelande. Ofta handlar det om fel rättigheter.
  83. 83. Rättigheter
  84. 84. Be inte om mer rättigheter än du behöver / använder
  85. 85. Du kan alltid be användaren om fler rättigheter
  86. 86. Tvinga aldrig en användare till något de inte vill
  87. 87. Hastighet
  88. 88. Facebook avbryter anrop som tar för lång tid (>12 sekunder)
  89. 89. Testa med konto med många vänner (>500)</li></li></ul><li>GRAPH API – Debugga din applikation<br /><ul><li>Localhost
  90. 90. Sätt applikationens ”Site URL” till localhost (och eventuell port)
  91. 91. Observera det avslutande snedtecknet
  92. 92. Testkonto
  93. 93. Möjlighet för en utvecklare att skapa fler konton för att testa en applikation
  94. 94. beta.facebook.com
  95. 95. Variant av facebook som har senaste uppdateringarna. Kan vara bra att kolla till då och då för att se att appen kommer fortsätta fungera.</li></li></ul><li>Facebook APIIntegrera Facebook med din befintliga IT-struktur Av: Fredrik Sewén // Tekniskt ansvarig på 7billion // 21 februari 2011 Kontakt: Tele: 073 980 67 75 // Mail: fredrik@7billion.se // Twitter: sewen77 // Facebook: www.facebook.com/sewen<br />http://developers.facebook.com<br /><ul><li>Dokumentation
  96. 96. Forum
  97. 97. Blogg</li>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×