get social with facebook

Post on 12-Jun-2015

1.867 Views

Category:

Entertainment & Humor

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

Slides from my talk at the NDC 2012 on the Facebook Developer Plattform.

TRANSCRIPT

From Zero to Hero!

Sondre Bjellås www.sondreb.comDeepmind AS www.deepmind.no

«Get Social With Facebook»

http://www.flickr.com/photos/bdewey/

1. Why Social?

2. Facebook Developer Platform

3. Become The Hero!

1. Why Social?

1 billion reasons!

• Facebook is estimated to reach 1 billion users in 2012.

• One of the biggest market opportunity in history of mankind.

• That is still just «only» 1 in every 7 human being on the planet...

What is WAS the Largest and Fastest Growing Social Game EVER?

Social Can Be Scary

• There are truly to much information available on everyone. It grows every day.

• Take responsibility, just because you can, doesn’t mean you should.

www.touchgraph.com

2. The Developer Platform

Facebook Graph API

• The mapping of everybody and how they’re related.

• In Facebook context, it’s You and Your Users.

• API with JSON formatting for all the user’s information.

Facebook Open Graph

AGGREATIONS

ACTIONS

OBJECTS

Facebook Credits

Why Do you Store Passwords?!

Authentication

• Used to be hard, has become easy with OAuth 2.0. Does require HTTPS.

• One Token To Rule Them All!1. Get Token.2. Use Token.

• Valid from one hour and up to one day.

developers.facebook.com

My Site

My App

My App

My Site

My App

My App

It all starts with an app

First create your app on the developer portal: https://developers.facebook.com/apps

3. Become The Hero

3. Become The Hero

• Start from scratch, from zero.• Prototype your app.• Fresh it up with some style!

Install-Package Facebook

Facebook JavaScript SDK

// Load the SDK Asynchronously (function (d) { var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) { return; } js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js"; ref.parentNode.insertBefore(js, ref); } (document));

https://developers.facebook.com/docs/reference/javascript/

Demo

Considerations

• Which requests to handle on the client, directly to Facebook.

• Which requests to handle on the server, acting as a proxy towards Facebook.

Thanks!

Sondre BjellåsSenior Solutions ArchitectDeepmind AS

www.deepmind.nowww.sondreb.com

top related