Home > Facebook, Flash Builder 4, Flex > Flash Builder Facebook Application Development

Flash Builder Facebook Application Development

Adobe Flex and Flash Platform provides excellent development environment for rich experiences for games and websites. To develop an effective user experience application I think need to plan from scratch means the selection of development tool to deployment environment.

Recently, I am got some time on exploring interesting application on Facebook and exploring frameworks and Flash Builder.  Among a list of available options for frameworks and Facebook applications, I choose to explore an option for creating Flash Builder web application with Facebook.

To develop Facebook application will have to use Facebook REST API we will have to follow some steps as described below:

1) Add Facebook Developer application to your Facebook account
2) Get application API key to communicate with Facebook server
3) Register a Facebook application
4) Create an Flex application with Flash Builder

To communicate with Facebook from your application, first register your application with Facebook using Facebook Developer application.

1) In browser go to Facebook and login
2) Go to Facebook Developer application
3) Choose Allow option in Allow Access dialog box



4) Click the Bookmark Developer App link at the top of the browser window

5)  Click the Home link at the top of the page

6) On the Home page, see the new Developer application bookmark

Register application with Facebook

To communicate with Facebook from your application, you must first register your application with Facebook using the Developer application which assigns an application API key and secret which are used when you make calls to Facebook.

1) Return to the Facebook Developer application by clicking the application’s bookmark

2) Click on Setup new application

3) Enter your application name and fill some details and choose Create Application option.

4) In Basic section you get Application ID, API Key and Secret Key related to your application.

See, these Application Secret Key and API Key will be used for your Flex application. These Key is will create a connection between your application and Facebook.

5) Now select the Advanced option from the left side navigation.  For applications which can communicate with Facebook, you have to choose Application Type options. For web application will have to use Facebook REST API and specify setup and will have to use Facebook connect login for login functionality and it will have to deploy your application files on a publicly available server.

Now choose Save Changes option and you completed first step for you application.

Friends, very soon will post next step for these application, which will receive User Facebook  details in Flash Builder application.

Advertisements
  1. Mark Fuqua
    May 8, 2010 at 11:32 PM

    Thanks for this article and the level of detail. When I go to do facebook integration, I’ll have it bookmarked!

  2. May 9, 2010 at 9:27 AM

    My friend referred me to your blog, so I thought I’d come have a read. Very interesting material, will be back for more!

  3. Bharat
    May 9, 2010 at 12:08 PM

    Very soon will add next step.

    Thanks

  4. May 13, 2010 at 12:52 AM

    Wow, thanks for the steps and you’re a pro at Facebook lol

  5. May 28, 2010 at 3:59 PM

    Really awesome post! Honestly!

  6. June 5, 2010 at 12:51 PM

    Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Great detailed information, I ll be visiting you more frequently, here is very interesting information.

  7. June 10, 2010 at 3:25 PM

    thanks for information… great post n thanks for share…

  8. September 9, 2010 at 9:22 PM

    Hi Bharat,

    When do you think you’ll post the next steps for recieveing User Facebook details in a Flash Builder application. Also, if I am building an application on Facebook alone, I would set things “Authentication” to “Desktop”, correct?

    Thanks a million!

  9. Alister Stephen
    November 9, 2010 at 9:59 PM

    You made some good points there. I did a search on the topic and found most people will agree with your blog.

    Thanks
    Enterprise Application Development USA

  1. May 10, 2010 at 1:01 AM

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: