facebook platform - hack thursday cw 40

21
Facebook Platform Hack Thursday - CW 40 Geison Quevedo [email protected] fb.me/geison.quevedo William Dias [email protected] fb.me/diaswrd

Upload: william-dias

Post on 27-Jun-2015

551 views

Category:

Documents


0 download

DESCRIPTION

Facebook Platform Hack Thursday CW 40 William Dias Geison Quevedo

TRANSCRIPT

Page 1: Facebook Platform - Hack Thursday CW 40

Facebook PlatformHack Thursday - CW 40

Geison [email protected]

fb.me/geison.quevedo

William [email protected]

fb.me/diaswrd

Page 2: Facebook Platform - Hack Thursday CW 40

Overview

APPs (Tipos de App, Como criar)PHP SDKFQLJS SDKDialogsGraph APIToolsPlatform terms

Page 3: Facebook Platform - Hack Thursday CW 40

SDKS

Use of an SDK is not a requirement!

Facebook's official SDKs:

● JavaScript● PHP● iOS● Android

Page 4: Facebook Platform - Hack Thursday CW 40

USING

● Websites○ Social Plugins○ Facebook Connect○ Open Graph Protocol

● Apps on Facebook ○ App Center○ Page Tabs

● Mobile Apps

Page 5: Facebook Platform - Hack Thursday CW 40

SDK PHP

O que é?

SDK php fornece ricas configurações e funcionalidades no server-side para acessar

funcionalidades do Facebook através de chamadas da API.

Page 6: Facebook Platform - Hack Thursday CW 40

SDK PHP

O SDK do PHP pode trabalhar em conjunto como SDK JavaScript para fornecer

gerenciamento de sessão entre cliente e app.

Page 7: Facebook Platform - Hack Thursday CW 40

INSTALANDO E CONFIGURANDO

1. Criar uma APP (APP_ID, APP_SECRET)2. Baixar o SDK GIT3. Adicionar o arquivo facebook.php na

aplicação4. Instanciar o objeto Facebook com o APP_ID

e APP_SECRET

SDK PHP

Page 8: Facebook Platform - Hack Thursday CW 40

SDK PHP

O SDK do PHP pode ser usado para dar suporte ao registro e login para o seu site

usando a conta dos usuários do Facebook.

Funcionalidades de login:$facebook->getLoginUrl();$facebook->getLogoutUrl();

Page 9: Facebook Platform - Hack Thursday CW 40

SDK PHP

Signed_request

O parametro signed_request do facebook passa dados para uma aplicação um em

diferentes ambientes

O parametro signed_request é POSTADO para uma aplicação quando a app é carregada dentro de uma app do tipo Canvas page.

Page 10: Facebook Platform - Hack Thursday CW 40

SDK PHP

Signed Request DOCUMENTATION

Page 11: Facebook Platform - Hack Thursday CW 40

FQL - Facebook Query Language

Permite você usar uma interface semelhante ao SQL para consultar dados atravez da API

Graph.

Permite algumas features avanças no disponível na API Graph.

Page 12: Facebook Platform - Hack Thursday CW 40

FQL

Example

SELECT uid2 FROM friend WHERE uid1=me()

HTTP GET request to /fql?q=query

Page 13: Facebook Platform - Hack Thursday CW 40

FQL

Table Profile

Documentation let's read! Go!

Page 14: Facebook Platform - Hack Thursday CW 40

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

Sample:<div id="fb-root"></div><script> window.fbAsyncInit = function() { FB.init({

appId : 'YOUR_APP_ID', // App ID cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML });

// Additional initialization code here };

// 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));</script>

Page 15: Facebook Platform - Hack Thursday CW 40

JS SDKUse cases:

● Authentication & AuthorizationFB.getLoginStatus(), FB.login(), FB.getAuthResponse()

● API CallsFB.api('/me', function(response) { alert('Your name is ' + response.name);});

● Platform DialogsFB.ui({ method: 'feed', message: 'getting educated about Facebook Connect', (...)});

Page 16: Facebook Platform - Hack Thursday CW 40

Social PluginsManeira simples e rápida de integrar seu website com as principais funcionalidades disponíveis no Facebook.

Playground: http://developers.facebook.com/docs/plugins/

Page 17: Facebook Platform - Hack Thursday CW 40

DIALOGS

Dialogs provem uma interface de maneira simples no qual provem funcionalidades

sociais para o usuário. Dialogs não requerem permissões por que requerem iteração do

usuário.

Page 18: Facebook Platform - Hack Thursday CW 40

DIALOGS

Atualmente existem 7 'Dialogs' disponíveis

● Add Page Tab Dialog● Feed Dialog● Friends Dialog● OAuth Dialog● Pay Dialog● Requests Dialog● Send Dialog

Page 19: Facebook Platform - Hack Thursday CW 40

TOOLSGraph API Explorerhttps://developers.facebook.com/tools/explorer

JavaScript Test Consolehttps://developers.facebook.com/tools/console/

Open Graph Protocolhttp://ogp.me/

Debuggerhttps://developers.facebook.com/tools/debug

Page 20: Facebook Platform - Hack Thursday CW 40

Policies and Terms

● Platform Policies Checklisthttps://developers.facebook.com/docs/guides/policy/policy_checklist/

● Detalhes importantes○ O uso de AdSense (Google) em apps no facebook não é permitido. A

plataforma disponibiliza uma lista de Ad-providers que são aceitos pela plataforma. http://developers.facebook.com/adproviders/

(Viva a guerra fria)

○ O único método de pagamento (caso a sua app venha a cobrar alguma coisa do usuário) aceito é o Facebook Payments. http://developers.facebook.com/docs/payments/

(E lá se vão 30%)

y

Page 21: Facebook Platform - Hack Thursday CW 40

Valeu!Questions?

Hack Thursday - CW 40

Geison [email protected]

fb.me/geison.quevedo

William [email protected]

fb.me/diaswrd