Building Canvas Facebook Apps (2) – How It Works?

A Facebook Apps allows developer to use or integrate many features of Facebook, for example, News Feed, Notification, etc… Actually, all of the core Facebook Platform technologies are available to Apps on Facebook.

How Facebook Apps Works?

The concept is very simple.  The Facebook App simply loaded into a Canvas Page as shown in the diagram below:

In other words, the Canvas Page is a blank canvas within facebook that allow developers to run their own apps.

How Contents Load into Blank Canvas Page?

When a developer create a new app on Facebook Developer Center, he/she needs to provide a Canvas URL. The Canvas URL is actually a web page address hosting outside Facebook servers. This is the Canvas URL that makes up the contents of the Canvas Page. The process can be  illustrated in the diagram below:

The Canvas URL may contains HTML, JavaScript, jQuery, PHP and CSS. In short, this is the Canvas URL that really make up the contents of Canvas Page, and thus the Facebook app. That’s why I like to use Facebook Canvas App rather than Facebook App.

Note:
The width of canvas is 760px by default.

Now we knows the basic concepts of how a Facebook app works. We can start creating a new Facebook app in the next article.

This entry was posted in Facebook, Webpage Design. Bookmark the permalink.

One Response to Building Canvas Facebook Apps (2) – How It Works?

  1. Many thanks for writing valuable post regarding the subject. I am a fan of your site. Maintain the great work.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>