Home > compting > How to Create a Facebook Application

How to Create a Facebook Application

This is aimed at people how already know programming and want to apply some of these skills to making a facebook application. You dont need to know much, even html will do though you wont make much of an application with this. Ive made mine using php and it was a site i had already developed.

Facebook is a great place to put your web apps and is easy to do but the documentation I could find on the site wasn’t that great (though mayb im just blind). First of all you need a facebook account, you should be able to do this easily enough, you also need an application, the application is no different to any other website and can be written in any language your familiar with (we just put it in a frame later on), i wrote my app when learning php with no intention of ever using it in facebook.

The first thing you need to do is get the developer application on facebook. Then choose to create an application by clicking set up an application. Choose a name and then click optional fields(this is where we set it up).

Callback URL is where you enter the address of your app, so if you have created a website you put a link to that sites home page. The canvas URL is the url for app on facebook, you have to choose a unique address for it which people can use to get to the app. If you just want to place your app in the page like i did, meaning that it works like a normall webpage, choose iframe under the canvas url box. We then choose application type to be website.

The next important field is “Can you application by added on facebook” and since your making an app for face book you probably want to set this to yes. You then need to fill in the install option page(if it can be added on face book). Here you want users to be able to add it to all pages. The default FMBL is the code that will appear on their facebook page when they add it.  I set as a link to the apps home page.

The final section to fill in is the integration points that helps facebook work with your app. The only part you need to fill in here the side nav URL which is the link that will appear in the applications part of the users page when they use facebook, so they can get to your app.

Finally click save, after that you can mess around on the developer trying out the different parts, try adding an image in the settings part. You also have to develop some code so that you application actually does something have fun,

David Woodford 🙂

Advertisements
  1. November 1, 2008 at 6:26 am

    Hi,

    Thanks for the advice above. One question about the Default FMBL … when I add my Facebook app page and iFrame website on the end and then try the link from my Page, it seems Facebook is swapping that URL for a href link back to my Page home? Is this a synchronisation thing, do I need to wait longer or is the behaviour changed now preventing you from doing this?

    Example, my default FMBL is set to:

    View a world map of Grundlefly trips here

    … but when I click on the ‘here’ hyperlink, Facebook has swapped that to a hyperlink to my home page which I am already on?

    http://www.facebook.com/pages/Grundlefly/42678929186

    Strange …. and advice that you know of would be appreciated.

  2. November 1, 2008 at 12:25 pm

    I think that beacuse its in a frame the path within your app isnt being used. ie)when you like to a subpage of you app facebook gets as far as the folder fo your app and loads that page, but it doesnt know to call the subpage of the app. The way the frame works, i think, is similar to embedding media.

    Anyway ive probably just confused you, sorry

  3. Yoko Housman
    March 31, 2018 at 4:56 pm

    This website is completely awesome. I’ve looked these stuffs a whole lot and I
    realised that is good written, easy to comprehend.
    I congratulate you for this article that I’ll recommend
    to the people friends. I ask you to recommend the gpa-calculator.co page where
    each scholar or university student can find results gpa marks.

    Be great!

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: