Your SlideShare is downloading. ×
0
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Facebook API - Integrera Facebook med din befintliga IT-struktur
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Facebook API - Integrera Facebook med din befintliga IT-struktur

1,475

Published on

Presentation från NFI frukostseminarium 21 februari 2011. …

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,475
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. Facebook Social plugins
  • 3. Facebook Graph API
  • 4. Best practices när man utvecklar mot Facebook
  • 5. Debugga dina applikationer</li></li></ul><li>INLEDNING<br />
  • 6. INLEDNING - Vad är Facebook API? <br />API = Application Programming Interface<br />Ett gränssnitt för att interagera med Facebook<br />
  • 7. INLEDNING – Vad innebär att interagera med Facebook? <br />INTE:<br /><ul><li>PAGES
  • 8. GRUPPER
  • 9. PLACES</li></ul>UTAN:<br /><ul><li>Ditt innehåll
  • 10. Ditt varumärke
  • 11. Din webbplats
  • 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. INLEDNING – Vad är en Facebook-applikation? <br /><ul><li>Canvas applikation (applikation på Facebook)
  • 14. Iframe (XFBML)
  • 15. FBML
  • 16. Webbapplikation (Facebook på extern webbplats)
  • 17. XFBML
  • 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. INLEDNING – Hur fungerar en Facebook-applikation? <br />Webbapplikation<br />Browser<br />Http-request<br />Webbplats<br />Facebook Server<br />API-anrop<br />
  • 20. SOCIAL PLUGINS<br />
  • 21. SOCIAL PLUGINS – Like-knappen<br /><ul><li>Enklaste sättet att komma igång
  • 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. Ger möjlighet att påverka
  • 24. Obligatoriska egenskaper
  • 25. og:title
  • 26. og:type
  • 27. og:image
  • 28. og:url
  • 29. og:site_name (Facebook kräver)
  • 30. fb:admins / fb:app_id (Facebook kräver)
  • 31. Frivilliga (rekommenderade)
  • 32. og:description
  • 33. Läs mer om Open Graph protocol: http://ogp.me/</li></li></ul><li>SOCIAL PLUGINS – Exempel <br />
  • 34. SOCIAL PLUGINS – Open Graph protocol <br />Resultatet:<br />
  • 35. SOCIAL PLUGINS – Debugga Open Graph protocol<br /><ul><li>URL Linter - http://developers.facebook.com/tools/lint/
  • 36. Ett snabbt sätt att få information om din url.
  • 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. edge.create – närnågongillarnågot
  • 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. SOCIAL PLUGINS – Andra plugins<br />
  • 41. GRAPH API<br />
  • 42. GRAPH API – Facebook API:er<br /><ul><li>Core API
  • 43. Graph API
  • 44. Social plugins
  • 45. Facebook SDKs
  • 46. Javascript SDK
  • 47. PHP SDK
  • 48. Python SDK
  • 49. iPhone SDK
  • 50. Android SDK
  • 51. Advanced APIs
  • 52. Facebook Query Language (FQL)
  • 53. Facebook Markup Language (XFBML)
  • 54. (Old REST API)
  • 55. (Old Javascript Client Library)
  • 56. Tredje parts SDK
  • 57. C# ASP.NET / VB.NET
  • 58. Java
  • 59. Ruby on Rails
  • 60. M.fl</li></li></ul><li>GRAPH API – Vad är Graph API?<br /><ul><li>Utbyte av INFORMATION!
  • 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. Sökmotorsoptimering</li></li></ul><li>GRAPH API – Möjligheter <br /><ul><li>https://graph.facebook.com/625091674
  • 63. https://graph.facebook.com/sewen
  • 64. https://graph.facebook.com/sewen/picture
  • 65. https://graph.facebook.com/search?q=7billion&type=page
  • 66. https://graph.facebook.com/http://www.7billion.se
  • 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. GRAPH API – Vilken information?<br /><ul><li>Vad begränsar
  • 69. Facebooks användarvillkor
  • 70. Applikationen frågar – Användaren bestämmer (ger tillåtelse)
  • 71. Extended permissions
  • 72. All tillgänglig information, så länge användaren tillåter
  • 73. Email, sms, relationer, intressen, osv.
  • 74. Läs mer: http://developers.facebook.com/docs/authentication/permissions/
  • 75. Authentication
  • 76. Tidigare Facebook Connect
  • 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. Real-time API – berättar om något uppdaterats
  • 79. Slipper round trips till Facebook serven
  • 80. Logging
  • 81. Logga minst (AnvändarID, Tid, Parametrar och värden, IP, ev. Felkoder)
  • 82. Om fel, kolla felmeddelande. Ofta handlar det om fel rättigheter.
  • 83. Rättigheter
  • 84. Be inte om mer rättigheter än du behöver / använder
  • 85. Du kan alltid be användaren om fler rättigheter
  • 86. Tvinga aldrig en användare till något de inte vill
  • 87. Hastighet
  • 88. Facebook avbryter anrop som tar för lång tid (>12 sekunder)
  • 89. Testa med konto med många vänner (>500)</li></li></ul><li>GRAPH API – Debugga din applikation<br /><ul><li>Localhost
  • 90. Sätt applikationens ”Site URL” till localhost (och eventuell port)
  • 91. Observera det avslutande snedtecknet
  • 92. Testkonto
  • 93. Möjlighet för en utvecklare att skapa fler konton för att testa en applikation
  • 94. beta.facebook.com
  • 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. Forum
  • 97. Blogg</li>

×