Slide 1

Slide 1 text

How to Integrate not suck Sammy Kaye Powers January 20th, 2015 & Have it Facebook Into Laravel photo: Mrs Tulk https://www.flickr.com/photos/statelibraryofnsw/3211732446/in/photostream/

Slide 2

Slide 2 text

Does not work @

Slide 3

Slide 3 text

Goal overview To get an

Slide 4

Slide 4 text

talk comes equipped with photo: http://gamerfitnation.com/

Slide 5

Slide 5 text

for braving the cold

Slide 6

Slide 6 text

super-neat Sticker Laravel Chicago

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Boom!

Slide 9

Slide 9 text

That’s You :)

Slide 10

Slide 10 text

photo: harryritchies.com History lesson A slightly embellished

Slide 11

Slide 11 text

1736 The year is

Slide 12

Slide 12 text

People wore Funny Bathing suits

Slide 13

Slide 13 text

riddles People solved

Slide 14

Slide 14 text

like this one

Slide 15

Slide 15 text

seven bridges

Slide 16

Slide 16 text

seven bridges Here

Slide 17

Slide 17 text

seven bridges Here Here

Slide 18

Slide 18 text

seven bridges Here Here Here

Slide 19

Slide 19 text

seven bridges Here Here Here Here

Slide 20

Slide 20 text

seven bridges Here Here Here Here Here

Slide 21

Slide 21 text

seven bridges Here Here Here Here Here Here

Slide 22

Slide 22 text

seven bridges Here Here Here Here Here Here There

Slide 23

Slide 23 text

cross all the bridges ONCE and only once?

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

enter Leonhard Euler

Slide 26

Slide 26 text

invents Graph theory

Slide 27

Slide 27 text

uses graph theory to Answer

Slide 28

Slide 28 text

No.

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

268 Fast-forward years…

Slide 31

Slide 31 text

Facebook is Born! photo: bzd1 on Flickr

Slide 32

Slide 32 text

I guess I should back up a bit…

Slide 33

Slide 33 text

Graph Theory

Slide 34

Slide 34 text

What is it?

Slide 35

Slide 35 text

Describes rela tion ships

Slide 36

Slide 36 text

Guitars haveStrings

Slide 37

Slide 37 text

David likes pickles

Slide 38

Slide 38 text

to model relations Graphs we use

Slide 39

Slide 39 text

Graph? What kind of

Slide 40

Slide 40 text

This?

Slide 41

Slide 41 text

Nope This?

Slide 42

Slide 42 text

This?

Slide 43

Slide 43 text

Nope This?

Slide 44

Slide 44 text

This?

Slide 45

Slide 45 text

Nope This?

Slide 46

Slide 46 text

This?

Slide 47

Slide 47 text

Nope This?

Slide 48

Slide 48 text

Aw, kitty…

Slide 49

Slide 49 text

So what kind?

Slide 50

Slide 50 text

This

Slide 51

Slide 51 text

A simple graph

Slide 52

Slide 52 text

Dots

Slide 53

Slide 53 text

Dots Lines

Slide 54

Slide 54 text

Dots Lines

Slide 55

Slide 55 text

Nodes Lines

Slide 56

Slide 56 text

Nodes Lines a.k.a vertices

Slide 57

Slide 57 text

Nodes Lines a.k.a vertices

Slide 58

Slide 58 text

Nodes Edges a.k.a vertices

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

A “Thing”

Slide 61

Slide 61 text

the relation between the things

Slide 62

Slide 62 text

In the Back-end uses graph theory

Slide 63

Slide 63 text

Social Graph It’s called the

Slide 64

Slide 64 text

Social Graph It’s called the

Slide 65

Slide 65 text

…as in the Graph Theory kind of graphs

Slide 66

Slide 66 text

Social Graph photo: uberhumor.com

Slide 67

Slide 67 text

Social Graph It’s called P.S. That’s the open graph logo (a little different)

Slide 68

Slide 68 text

Describing this with Social Graph

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

Jordan

Slide 72

Slide 72 text

Jordan

Slide 73

Slide 73 text

Tatiana Jordan

Slide 74

Slide 74 text

Tatiana Jordan

Slide 75

Slide 75 text

Tatiana Jordan Kisses

Slide 76

Slide 76 text

Tatiana Jordan Kisses (instances of kissing)

Slide 77

Slide 77 text

Tatiana Jordan Kisses

Slide 78

Slide 78 text

Scott Tatiana Jordan Kisses

Slide 79

Slide 79 text

Scott Tatiana Jordan Kisses

Slide 80

Slide 80 text

Scott Tatiana Jordan stalks Kisses

Slide 81

Slide 81 text

Scott Tatiana Jordan stalks Kisses (instances of stalking)

Slide 82

Slide 82 text

Scott Tatiana Jordan Kisses stalks

Slide 83

Slide 83 text

Scott Tatiana Jordan stalks Kisses stalks

Slide 84

Slide 84 text

Scott Tatiana Jordan stalks Kisses stalks

Slide 85

Slide 85 text

Scott Tatiana Jordan stalks Kisses stalks people stalking people

Slide 86

Slide 86 text

“Facebooky” example

Slide 87

Slide 87 text

No content

Slide 88

Slide 88 text

Social Graph (Facebook)

Slide 89

Slide 89 text

Laravel Nerd (you) (Facebook) Social Graph

Slide 90

Slide 90 text

Laravel Nerd (you) (Facebook) ?? link ?? Social Graph

Slide 91

Slide 91 text

Laravel Nerd (you) (Facebook) Graph API Social Graph

Slide 92

Slide 92 text

Laravel Nerd (you) (Facebook) Graph API Hi! Social Graph

Slide 93

Slide 93 text

Laravel Nerd (you) (Facebook) Graph API Social Graph

Slide 94

Slide 94 text

Slide 95

Slide 95 text

AN API? What’s

Slide 96

Slide 96 text

application program interface

Slide 97

Slide 97 text

specifies how software components should interact

Slide 98

Slide 98 text

API Laravel $user = DB::table(‘users')! !!!->where('name', ‘John')! !!!->first();

Slide 99

Slide 99 text

Http protocol API’s over the

Slide 100

Slide 100 text

HTTP API over Host: silly.com! ! GET /users/123

Slide 101

Slide 101 text

HTTP API over HTTP/1.1 200 OK! Content-Type: application/json! ! {! !“id”: 123,! !“name”: “Foo User”! }

Slide 102

Slide 102 text

Web API’s These are

Slide 103

Slide 103 text

API Graph API The is a Web

Slide 104

Slide 104 text

API’s Web • REST! • HATEOAS! • OAuth! • etc…

Slide 105

Slide 105 text

Graph API The • REST! • HATEOAS! • OAuth! • etc…

Slide 106

Slide 106 text

Graph API The • REST! • HATEOAS! • OAuth! • etc… Nope

Slide 107

Slide 107 text

Graph API The • REST! • HATEOAS! • OAuth! • etc… Nope Nope

Slide 108

Slide 108 text

Graph API The • REST! • HATEOAS! • OAuth! • etc… Nope Nope ✓ Yep! (2.0)

Slide 109

Slide 109 text

Graph API The • REST! • HATEOAS! • OAuth! • etc… Nope Nope ✓ Yep! (2.0) Don’t have to know!

Slide 110

Slide 110 text

Slide 111

Slide 111 text

Laravel Graph API Social Graph

Slide 112

Slide 112 text

Laravel Graph API Can I haz user 123? Social Graph

Slide 113

Slide 113 text

Laravel Graph API Can I haz user 123? Can I haz user 123? Social Graph

Slide 114

Slide 114 text

Laravel Graph API Yes: Social Graph

Slide 115

Slide 115 text

Laravel Graph API Yes: {! name “Scott”,! title: “Creeper”! } Social Graph

Slide 116

Slide 116 text

Graph API tl;dr

Slide 117

Slide 117 text

https://! graph.facebook.com Lives here

Slide 118

Slide 118 text

/v2.2/foo-bar URL prefix versioned with a

Slide 119

Slide 119 text

Not RESTful so developers be like

Slide 120

Slide 120 text

OAuth 2.0 Uses a flavor of Don’t have to know!

Slide 121

Slide 121 text

Every “Thing”…

Slide 122

Slide 122 text

Users Every “Thing”…

Slide 123

Slide 123 text

comments Users Every “Thing”…

Slide 124

Slide 124 text

photos comments Users Every “Thing”…

Slide 125

Slide 125 text

photos comments Users Nodes Every “Thing”…

Slide 126

Slide 126 text

photos comments Users Nodes Every “Thing”… Yay! Nodes!

Slide 127

Slide 127 text

A photo A comment A User Nodes id:12..3 id:”45_90” id:45..90 Every “Thing”…

Slide 128

Slide 128 text

A comment A User id:12..3 id:”45_90” A little Weird ID’s are

Slide 129

Slide 129 text

Graph API request/response

Slide 130

Slide 130 text

photo id:4590

Slide 131

Slide 131 text

photo id:4590 Host: graph.facebook.com! GET /v2.2/4590

Slide 132

Slide 132 text

photo id:4590 Shouldn’t That Be /v2.2/photos/4590 ??? Host: graph.facebook.com! GET /v2.2/4590

Slide 133

Slide 133 text

photo id:4590 HTTP/1.1 200 OK! {! "id": "4590", ! "name": "Plane!", ! . . .! } Host: graph.facebook.com! GET /v2.2/4590

Slide 134

Slide 134 text

Nodes a list of

Slide 135

Slide 135 text

comments Nodes a list of a list of

Slide 136

Slide 136 text

comments Nodes a list of Likes a list of a list of

Slide 137

Slide 137 text

photos comments Nodes a list of Likes a list of a list of a list of

Slide 138

Slide 138 text

photos comments Nodes a list of Likes Edges

Slide 139

Slide 139 text

/v2.2/node/edge come after Edges Nodes

Slide 140

Slide 140 text

photo id:4590

Slide 141

Slide 141 text

photo id:4590 comments

Slide 142

Slide 142 text

photo id:4590 GET /v2.2/4590/comments comments

Slide 143

Slide 143 text

photo id:4590 GET /v2.2/4590/comments HTTP/1.1 200 OK! ! {"data": [! {"id": "4590_123",! "message": "Pickles!"},! {"id": "4590_456", ! "message": "Turtles!"}! ]} comments

Slide 144

Slide 144 text

Nodes have and fields edges

Slide 145

Slide 145 text

Graph API endpoint reference developers.facebook.com/! docs/graph-api/reference

Slide 146

Slide 146 text

User Node fields edges - id! - first_name! - last_name! - name! - email * /albums! /feed! /photos! /friends! /picture *

Slide 147

Slide 147 text

a note on permissions

Slide 148

Slide 148 text

Request GET /v2.2/123/turtles Graph API the

Slide 149

Slide 149 text

GET /v2.2/123/turtles be like Graph API

Slide 150

Slide 150 text

GET /v2.2/123/turtles be like Developers

Slide 151

Slide 151 text

B.T.Dubs… GET /v2.2/123/turtles

Slide 152

Slide 152 text

B.T.Dubs… GET /v2.2/123/turtles not a valid Edge

Slide 153

Slide 153 text

But! GET /v2.2/123/photos legit Edge

Slide 154

Slide 154 text

GET /v2.2/123/photos HTTP/1.1 200 OK! ! {"data": []} empty Response

Slide 155

Slide 155 text

GET /v2.2/123/photos user_photos Permission you’ll need the

Slide 156

Slide 156 text

GET /v2.2/123/photos login ask for permissions at (more on this later)

Slide 157

Slide 157 text

GET /v2.2/123/photos HTTP/1.1 200 OK! ! {"data": []} empty Response

Slide 158

Slide 158 text

for learning Graph

Slide 159

Slide 159 text

Necklace Graph super-neat

Slide 160

Slide 160 text

No content

Slide 161

Slide 161 text

Pwedy! so

Slide 162

Slide 162 text

How do we access the Graph API

Slide 163

Slide 163 text

With a Facebook App

Slide 164

Slide 164 text

but first…

Slide 165

Slide 165 text

Become a Developer

Slide 166

Slide 166 text

developers.facebook.com

Slide 167

Slide 167 text

developers.facebook.com

Slide 168

Slide 168 text

developers.facebook.com

Slide 169

Slide 169 text

developers.facebook.com

Slide 170

Slide 170 text

Three important points

Slide 171

Slide 171 text

1. Read the Platform Policy Three important points

Slide 172

Slide 172 text

1. Read the Platform Policy 2. Read the Platform Policy Three important points

Slide 173

Slide 173 text

1. Read the Platform Policy 2. Read the Platform Policy 3. Read the Platform Policy Three important points

Slide 174

Slide 174 text

No content

Slide 175

Slide 175 text

Yay! Now you’re a Developer

Slide 176

Slide 176 text

Creating a Facebook App

Slide 177

Slide 177 text

No content

Slide 178

Slide 178 text

No content

Slide 179

Slide 179 text

No content

Slide 180

Slide 180 text

No content

Slide 181

Slide 181 text

App Dashboard

Slide 182

Slide 182 text

Yay! You created a Facebook app

Slide 183

Slide 183 text

App Dashboard

Slide 184

Slide 184 text

App Settings

Slide 185

Slide 185 text

Anatomy of a Facebook App

Slide 186

Slide 186 text

No content

Slide 187

Slide 187 text

Core

Slide 188

Slide 188 text

Core (not an official term)

Slide 189

Slide 189 text

Platforms Platforms

Slide 190

Slide 190 text

Core Facebook App

Slide 191

Slide 191 text

No content

Slide 192

Slide 192 text

ID

Slide 193

Slide 193 text

Name ID

Slide 194

Slide 194 text

Secret Name ID

Slide 195

Slide 195 text

Secret Name ID

Slide 196

Slide 196 text

App Name Created by you

Slide 197

Slide 197 text

App Name My Awesome App Example:

Slide 198

Slide 198 text

App Id Numeric identifier

Slide 199

Slide 199 text

App Id Created by Facebook

Slide 200

Slide 200 text

App Id Doesn’t have to be secret

Slide 201

Slide 201 text

App Id 111417252289428 Example:

Slide 202

Slide 202 text

App Secret Created by Facebook

Slide 203

Slide 203 text

App Secret Used to validate data from Facebook

Slide 204

Slide 204 text

Secret!! App Secret Don’t show it to anyone who doesn’t need it

Slide 205

Slide 205 text

App Secret

Slide 206

Slide 206 text

Platforms Facebook App

Slide 207

Slide 207 text

No content

Slide 208

Slide 208 text

Website

Slide 209

Slide 209 text

Website Canvas

Slide 210

Slide 210 text

Website Canvas Mobile

Slide 211

Slide 211 text

Website Canvas Page Tab Mobile

Slide 212

Slide 212 text

Website Canvas Page Tab Mobile ConSole

Slide 213

Slide 213 text

App Settings

Slide 214

Slide 214 text

App Settings

Slide 215

Slide 215 text

App Settings

Slide 216

Slide 216 text

Compare with new app

Slide 217

Slide 217 text

Website To configure Facebook Login Log in with Facebook

Slide 218

Slide 218 text

Website To configure Facebook Login Log in with Facebook

Slide 219

Slide 219 text

CANVAS To configure canvas apps

Slide 220

Slide 220 text

like…

Slide 221

Slide 221 text

No content

Slide 222

Slide 222 text

CANVAS Canvas is just

Slide 223

Slide 223 text

Page Tab To configure Page tabs

Slide 224

Slide 224 text

No content

Slide 225

Slide 225 text

Page Tab Page tab is just

Slide 226

Slide 226 text

Mobile For native mobile apps

Slide 227

Slide 227 text

for creating a Facebook app

Slide 228

Slide 228 text

Hat Facebook Developer super-neat

Slide 229

Slide 229 text

No content

Slide 230

Slide 230 text

Rockin’!

Slide 231

Slide 231 text

P.S.

Slide 232

Slide 232 text

Remember what’s under there?

Slide 233

Slide 233 text

Ah?

Slide 234

Slide 234 text

Ah?

Slide 235

Slide 235 text

Ah?

Slide 236

Slide 236 text

Secret!!

Slide 237

Slide 237 text

Cereally guys… Secret!!

Slide 238

Slide 238 text

One last thing before we code…

Slide 239

Slide 239 text

Understanding Facebook Login

Slide 240

Slide 240 text

Login Flow • User clicks on link • Facebook asks to approve • Access token is obtained *

Slide 241

Slide 241 text

All about Access Tokens

Slide 242

Slide 242 text

Access Tokens look like CAACEdEose0cBAJHwVI2DydR M65PZAld1a8r2efvhZBEruyv TTr87xjR85sIrFYeZBzsh5WZ CpO5wrVxZAO6JDmf3a5mL…

Slide 243

Slide 243 text

Access Tokens are sent with API requests GET /v2.2/123?! !!! !access_token=CAACE…

Slide 244

Slide 244 text

Access Tokens Represent

Slide 245

Slide 245 text

Access Tokens Represent A User

Slide 246

Slide 246 text

Access Tokens Represent A User A Page

Slide 247

Slide 247 text

Access Tokens Represent A User An App A Page

Slide 248

Slide 248 text

Access Tokens Represent A User An App A Page Graph API

Slide 249

Slide 249 text

Access Tokens Represent A User An App A Page

Slide 250

Slide 250 text

App Access Tokens are concatenated from

Slide 251

Slide 251 text

App Access Tokens are concatenated from

Slide 252

Slide 252 text

App Access Tokens are concatenated from + |

Slide 253

Slide 253 text

App Access Tokens are concatenated from + | +

Slide 254

Slide 254 text

+ | + Example: 123 appsecret

Slide 255

Slide 255 text

+ | + 123|appsecret Example: 123 appsecret

Slide 256

Slide 256 text

+ | + 123|appsecret Example: 123 appsecret But Wait!

Slide 257

Slide 257 text

+ | + 123|appsecret Example: 123 appsecret

Slide 258

Slide 258 text

Access Tokens have two lifetimes

Slide 259

Slide 259 text

Short-Lived Access Tokens have two lifetimes (default)

Slide 260

Slide 260 text

Short-Lived Long-Lived Access Tokens have two lifetimes (default)

Slide 261

Slide 261 text

Short-Lived Long-Lived Access Tokens have two lifetimes (default) 2 hours

Slide 262

Slide 262 text

Short-Lived Long-Lived Access Tokens have two lifetimes (default) 60 Days 2 hours

Slide 263

Slide 263 text

Access Tokens request cycle Graph API Laravel

Slide 264

Slide 264 text

Laravel Access Tokens request cycle Graph API Can I haz Access Token?

Slide 265

Slide 265 text

Laravel Access Tokens request cycle Graph API Short-Lived

Slide 266

Slide 266 text

Laravel Access Tokens request cycle Graph API ThX, but… Can I HAz Longer? Short-Lived

Slide 267

Slide 267 text

Laravel Access Tokens request cycle Graph API Long-Lived

Slide 268

Slide 268 text

You haz Access token! …now send requests to the Graph API

Slide 269

Slide 269 text

Sound Complicated?

Slide 270

Slide 270 text

Sound Complicated? There’s An SDK For That

Slide 271

Slide 271 text

Facebook App Graph API So far… Facebook Dev Facebook Login

Slide 272

Slide 272 text

Facebook App Graph API So far… Facebook Dev Facebook Login ✓

Slide 273

Slide 273 text

Facebook App Graph API So far… Facebook Dev Facebook Login ✓ ✓

Slide 274

Slide 274 text

Facebook App Graph API So far… Facebook Dev Facebook Login ✓ ✓ ✓

Slide 275

Slide 275 text

Facebook App Graph API So far… Facebook Dev Facebook Login ✓ ✓ ✓ ✓

Slide 276

Slide 276 text

Facebook App Graph API So far… Facebook Dev Facebook Login ✓ ✓ ✓ ✓ Now What?

Slide 277

Slide 277 text

Facebook App Graph API So far… Facebook Dev Facebook Login ✓ ✓ ✓ ✓ Code Time!

Slide 278

Slide 278 text

Software development kits (SDK’s)

Slide 279

Slide 279 text

Two official SDK’s we care about

Slide 280

Slide 280 text

Two official SDK’s we care about php

Slide 281

Slide 281 text

Two official SDK’s we care about php Javascript

Slide 282

Slide 282 text

Two official SDK’s we care about php Javascript

Slide 283

Slide 283 text

v4.1 php SDK

Slide 284

Slide 284 text

php SDK v4.1 Heads up

Slide 285

Slide 285 text

Install "require": {! "facebook/php-sdk-v4":! "~4.1.0@dev"! } composer.json

Slide 286

Slide 286 text

Install "require": {! "facebook/php-sdk-v4":! "~4.1.0@dev"! } composer.json

Slide 287

Slide 287 text

Config $fb = new Facebook\Facebook([! /* */! ]);

Slide 288

Slide 288 text

Config $fb = new Facebook\Facebook([! 'app_id' => 'app-id',! 'app_secret' => 'secret',! ]);

Slide 289

Slide 289 text

Config $fb = new Facebook\Facebook([! 'app_id' => 'app-id',! 'app_secret' => 'secret',! ]); SECRET! better: use env vars

Slide 290

Slide 290 text

Config $fb = new Facebook\Facebook(); if you have env vars FACEBOOK_APP_ID FACEBOOK_APP_SECRET and

Slide 291

Slide 291 text

Tying Into Laravel Custom persistent store URL detection Using a Facade Problem:

Slide 292

Slide 292 text

Do it all manually or… Tying Into Laravel

Slide 293

Slide 293 text

LaravelFacebookSdk github.com/SammyK/ LaravelFacebookSdk

Slide 294

Slide 294 text

Laravel wrapper for the SDK LaravelFacebookSdk

Slide 295

Slide 295 text

uses native Laravel… LaravelFacebookSdk

Slide 296

Slide 296 text

Sessions uses native Laravel… LaravelFacebookSdk

Slide 297

Slide 297 text

Sessions uses native Laravel… LaravelFacebookSdk database, apc, memcached, redis, etc.

Slide 298

Slide 298 text

Sessions URL Handling uses native Laravel… LaravelFacebookSdk

Slide 299

Slide 299 text

Sessions URL Handling Facades uses native Laravel… LaravelFacebookSdk

Slide 300

Slide 300 text

Sessions URL Handling Facades uses native Laravel… LaravelFacebookSdk (if you’re into that sort of thing)

Slide 301

Slide 301 text

LaravelFacebookSdk Installation "require": {! "sammyk/laravel-facebook-sdk":! "~2.0@dev"! } composer.json

Slide 302

Slide 302 text

LaravelFacebookSdk "require": {! "sammyk/laravel-facebook-sdk":! "~2.0@dev"! } Installation composer.json

Slide 303

Slide 303 text

LaravelFacebookSdk service provider 'providers' => [! 'SammyK\LaravelFacebookSdk \LaravelFacebookSdkServiceProvider',! ]; app/config/app.php

Slide 304

Slide 304 text

LaravelFacebookSdk facade 'aliases' => [! 'Facebook' => 'SammyK \LaravelFacebookSdk\FacebookFacade',! ]; app/config/app.php

Slide 305

Slide 305 text

LaravelFacebookSdk generate config file $ php artisan config:publish \! sammyk/laravel-facebook-sdk

Slide 306

Slide 306 text

LaravelFacebookSdk generate config file $ php artisan config:publish \! sammyk/laravel-facebook-sdk app/config/packages/sammyk/ laravel-facebook-sdk/config.php

Slide 307

Slide 307 text

LaravelFacebookSdk grab instance $fb = App::make('laravel-facebook-sdk');

Slide 308

Slide 308 text

LaravelFacebookSdk grab instance $fb = App::make('laravel-facebook-sdk'); extends Facebook\Facebook() SammyK\LaravelFacebookSdk\ LaravelFacebookSdk

Slide 309

Slide 309 text

LaravelFacebookSdk grab instance $fb = App::make('laravel-facebook-sdk'); @TODO: Make this better! getter method, Facebook::getFbInstance();! support constructor dependency injection, etc.

Slide 310

Slide 310 text

Facebook Login with LaravelFacebookSdk

Slide 311

Slide 311 text

LaravelFacebookSdk login from redirect $login_link = $fb->getLoginUrl();! ! echo ''.! 'Log in!'; Route: /

Slide 312

Slide 312 text

LaravelFacebookSdk login from redirect $login_link = $fb->getLoginUrl([! 'email',! 'user_status',! ]); Route: /

Slide 313

Slide 313 text

LaravelFacebookSdk callback URL Route: /facebook/login $token =! $fb->getAccessTokenFromRedirect();

Slide 314

Slide 314 text

LaravelFacebookSdk callback URL $token =! $fb->getAccessTokenFromRedirect(); Route: /facebook/login throws Facebook\Exceptions \FacebookSDKException

Slide 315

Slide 315 text

LaravelFacebookSdk callback URL use Facebook\Exceptions\FacebookSDKException;! try {! $token = $fb->getAccessTokenFromRedirect();! } catch (FacebookSDKException $e) {! dd(‘Error:' . $e->getMessage());! } Route: /facebook/login

Slide 316

Slide 316 text

LaravelFacebookSdk $token once you obtain user is logged in! :) (sort of…)

Slide 317

Slide 317 text

for implementing Facebook login

Slide 318

Slide 318 text

Teef Gold super-neat

Slide 319

Slide 319 text

No content

Slide 320

Slide 320 text

Baller’!

Slide 321

Slide 321 text

LaravelFacebookSdk $token what do you do with

Slide 322

Slide 322 text

LaravelFacebookSdk Store it for later… session Database $token

Slide 323

Slide 323 text

User Data with LaravelFacebookSdk Getting

Slide 324

Slide 324 text

Getting User Data $res = $fb->get(‘/123’, $token); Facebook\Facebook()

Slide 325

Slide 325 text

Getting User Data $res = $fb->get(‘/123’, $token); User node id Facebook\Facebook()

Slide 326

Slide 326 text

Getting User Data $res = $fb->get(‘/123’, $token); Can set Default Facebook\Facebook()

Slide 327

Slide 327 text

Getting User Data $fb->! setDefaultAccessToken($token);! $res = $fb->get(‘/123’); Set As Default Facebook\Facebook()

Slide 328

Slide 328 text

Getting User Data $fb->! setDefaultAccessToken($token);! $res = $fb->get(‘/123’); don’t need Facebook\Facebook()

Slide 329

Slide 329 text

Getting User Data $res = $fb->get(‘/123?! fields=id,name,email’); Facebook\Facebook()

Slide 330

Slide 330 text

Getting User Data $res = $fb->get(‘/123’); Facebook\FacebookResponse() Facebook\Facebook()

Slide 331

Slide 331 text

Getting User Data $a = $res->getHttpStatusCode();! $b = $res->getHeaders();! $c = $res->getBody();! $d = $res->getDecodedBody(); Facebook\FacebookResponse()

Slide 332

Slide 332 text

Getting User Data $node = $res->getGraphObject(); Facebook\FacebookResponse() Facebook\GraphNodes\GraphObject()

Slide 333

Slide 333 text

Getting User Data $node = $res->getGraphObject(); Facebook\FacebookResponse() Facebook\GraphNodes\GraphObject() Heads up

Slide 334

Slide 334 text

Getting User Data $node = $res->getGraphNode(); Facebook\FacebookResponse() Facebook\GraphNodes\GraphNode() Heads up

Slide 335

Slide 335 text

Getting User Data Facebook\! GraphNodes\! GraphNode() extends from a collection

Slide 336

Slide 336 text

Getting User Data GraphUser! GraphPage! GraphAlbum Facebook\GraphNodes\GraphNode() sub nodes of namespace: Facebook\GraphNodes $res->getGraphUser();! $res->getGraphPage();! $res->getGraphAlbum();

Slide 337

Slide 337 text

Remember way back when…

Slide 338

Slide 338 text

User Node fields edges - id! - first_name! - last_name! - name! - email * /albums! /feed! /photos! /friends! /picture *

Slide 339

Slide 339 text

Getting User Data $id = $userNode->getId();! $name = $userNode->getName();! $partner =! $userNode->getSignificantOther(); Facebook\GraphNodes\GraphUser()

Slide 340

Slide 340 text

*Phew* time for a kitty break

Slide 341

Slide 341 text

SDK Javascript Sharing with the

Slide 342

Slide 342 text

Javascript SDK installation ! window.fbAsyncInit = function() {! FB.init({! appId : 'your-app-id',! xfbml : true,! version : 'v2.1'! });! };! ! (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/en_US/sdk.js";! fjs.parentNode.insertBefore(js, fjs);! }(document, 'script', 'facebook-jssdk'));! copy/paste before developers.facebook.com/docs/javascript/quickstart

Slide 343

Slide 343 text

Javascript SDK installation ! window.fbAsyncInit = function() {! FB.init({! appId : 'your-app-id',! xfbml : true,! version : 'v2.1'! });! };! ! (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/en_US/sdk.js";! fjs.parentNode.insertBefore(js, fjs);! }(document, 'script', 'facebook-jssdk'));! developers.facebook.com/docs/javascript/quickstart This

Slide 344

Slide 344 text

Javascript SDK installation FB.init({! appId : '{your-app-id}',! cookie : true,! version : 'v2.2'! });

Slide 345

Slide 345 text

Javascript SDK installation FB.init({! appId : '{your-app-id}',! cookie : true,! version : 'v2.2'! });

Slide 346

Slide 346 text

Javascript SDK share dialog FB.ui({! method: 'share',! href: ‘http://foo.com'! }, function(response){});

Slide 347

Slide 347 text

Javascript SDK share dialog FB.ui({! method: 'share',! href: 'http://foo.com'! }, function(response){});

Slide 348

Slide 348 text

Javascript SDK share dialog

Slide 349

Slide 349 text

Javascript SDK share dialog Customize?

Slide 350

Slide 350 text

Javascript SDK share dialog FB.ui({! method: 'share',! href: 'http://foo.com'! }, function(response){});

Slide 351

Slide 351 text

meta tags Open Graph

Slide 352

Slide 352 text

meta tags ! ! ! Open Graph

Slide 353

Slide 353 text

meta tags ! ! ! Open Graph

Slide 354

Slide 354 text

meta tags ! ! ! Open Graph

Slide 355

Slide 355 text

meta tags ! ! ! Open Graph

Slide 356

Slide 356 text

Learn? What did we

Slide 357

Slide 357 text

Before you cAme

Slide 358

Slide 358 text

Know You prolly didn’t

Slide 359

Slide 359 text

Know You prolly didn’t Graph API

Slide 360

Slide 360 text

Know You prolly didn’t Graph API Facebook Developer

Slide 361

Slide 361 text

Know You prolly didn’t Facebook App Graph API Facebook Developer

Slide 362

Slide 362 text

Know You prolly didn’t Facebook App Graph API Facebook Developer Facebook Login

Slide 363

Slide 363 text

Know You prolly didn’t Facebook App Graph API Facebook Developer Facebook Login Access Tokens

Slide 364

Slide 364 text

Know You prolly didn’t Facebook App Graph API Facebook Developer Facebook Login Access Tokens php SDK

Slide 365

Slide 365 text

Know You prolly didn’t Facebook App Graph API Facebook Developer Facebook Login Access Tokens Javascript SDK php SDK

Slide 366

Slide 366 text

Now Look at you!

Slide 367

Slide 367 text

Now Look at you! Yay! Learning!

Slide 368

Slide 368 text

Learn! So much more to • Graph API • User Permissions • App Canvas • Page Tabs • Test Users • Test Apps • And more!

Slide 369

Slide 369 text

Next Steps Create an app & play!

Slide 370

Slide 370 text

Next Steps March 25 & 26 San Francisco

Slide 371

Slide 371 text

THANKS! Sammy Kaye Powers @SammyK SammyK.me Host of @PHPRoundtable Chicago Facebook Developers West Coast Swing