facebook application crash course

19
a half and hour crash- course

Upload: xavier-ochoa

Post on 01-Sep-2014

9.216 views

Category:

Technology


5 download

DESCRIPTION

A crash course in how to create an facebook application

TRANSCRIPT

Page 1: Facebook Application Crash Course

a half and hour crash-course

Page 2: Facebook Application Crash Course

1. Facebook user account

2. The Developer application

3. The Facebook library

4. A web server accesible from the Internet

Page 3: Facebook Application Crash Course

http://www.facebook.com/developers

Page 4: Facebook Application Crash Course

http://developers.facebook.com/resources.php

Page 5: Facebook Application Crash Course

Many PHP free hosting servicesFor this course we will use:

http://chi08.freehostia.comSign up at:

http://cp.freehostia.com/members/

User: xavochPass: 6953160

Page 6: Facebook Application Crash Course

1. Obtaining the application keys

2. Configure the application

3. Create your code

4. Publishing and testing your application

Page 7: Facebook Application Crash Course
Page 8: Facebook Application Crash Course
Page 9: Facebook Application Crash Course
Page 10: Facebook Application Crash Course
Page 11: Facebook Application Crash Course

Field ValueCallback URL http://www.yoursite.com/

yourapplication Canvas Page URL yourapplicationCan your Applications be added on Facebook?

Yes

Who can add your application to their Facebook account?

Mark Users

Post-Add URL http://apps.facebook.com/yourapplication

Developer Mode YesSide Nav URL http://apps.facebook.com/

yourapplication Private Installation Yes

Page 12: Facebook Application Crash Course

Config file Connection to Facebook

Index file Page to show the birthday of your friends

The sample code with the library can be downloaded from: http://chi08.freehostia.com/helloWorld.zip

Page 13: Facebook Application Crash Course
Page 14: Facebook Application Crash Course
Page 15: Facebook Application Crash Course
Page 16: Facebook Application Crash Course

Go to: http://cp.freehostia.com/members/ User: xavoch Pass: 6953160

Go to the File MangerLook for your directoryUpload the config and index files

Page 17: Facebook Application Crash Course

Add your application to your own profile

Page 18: Facebook Application Crash Course
Page 19: Facebook Application Crash Course

1. Check Facebook API (and language library)

http://wiki.developers.facebook.com/index.php/API2. Check FBML

http://wiki.developers.facebook.com/index.php/FBML3. Learn how integrate your application with

other sections of FB http://developers.facebook.com/anatomy.php

4. Review demo applications http://wiki.developers.facebook.com/index.php/

Demos