[FACEBOOK] [BASIC] Make Your Own Application

[Nguyen Trung Hoa]

Make Your own Facebook Application

This basic application will not even require an install from the user.

This site has alot of information:

Code:

http://wiki.developers.facebook.com/

Please Note: You will need a hosting plan.

Facebook Developers

1. Go to:
   

   Code:

   http://www.facebook.com/developers/createapp.php

   
   The Following screen will appear:
   
   

Click Canvas

Fill out:


Note: Canvas Page URL is the URL you visit on Facebook, your custom URL
Canvas Callback URL is the URL Facebook copies the content off. (Like an alias)


Select FBML:
Click Save Changes:

On this new page:

1. Note down the API KEY and APPLICATION SECRET
   
2. Click Download the Client Library:
   
   
   

Navigate to: facebook-platform -> php -> and copy all these files to the directory of your website

Upload files to the website location you entered into Canvas Callback URL (More Information Below)

Visit Canvas Page URL to view.

Coding Your Site

1. Create a file called "index.php" at the top include this code:
   

   Code:

   
   
2. Next include all the code you wish to display, including FBJS you wish to use.
   
   Here is an example file:
   
   

   Code:

   
[b]Message Display[/b]

 
Your Message:

var attachment = {
   'name':'Message Display',
   'href':'http://apps.facebook.com/canvasurl/' ,
   'caption':'{*actor*} displayed the following message:' ,
   'description':'' ,
   'properties':[{'text':'Get Your Own','href':'http://apps.facebook.com/canvasurl/'}] ,
   'media':

[{'type':'image','src':'http://www.google.com/linktoimage.jpg','href':'http://apps.facebook.com/canvasurl/'}]
   };
Facebook.streamPublish('', attachment); 

Testing

1. When you visit this on the server:
   
   
   
2. When you visit this on Facebook:
   
   
   
3. And Your Wall:
   
   

I hope this helps someone, please ask if anything doesn't make sense :)