A–C
D–H
I–Z
Developer services
Project centers
Community resources
- Adobe Cookbooks (share code)
- CSS Advisor (browser bug fixes)
- Exchanges (share components)
- Adobe Labs
- Adobe Open Source
- Forums
- RSS feeds
- Bug base
- User groups
- Adobe Community Experts (ACE)
- Developer events
Integration
Product documentation
Downloads
Samples
Training and books
- Online training
- Classroom training
- Certification
- Adobe Developer Library
- Adobe Press
- Safari Books Online
Newsletters
Blogs
Archives
ADC program
Additional resources
Jeanette Stallons
Table of Contents
- Introduction
- Create a new wrapper file
- Retrieve session data from URL variables
- Compile and upload your application
- Edit the application settings
- Remove the application API key and secret
Deploy your first Flex application on Facebook
This tutorial will step you through the process of deploying a Flex application in an iFrame on the Facebook website in 15 minutes.
In order to complete this tutorial, you first need to complete the tutorial, Create your first Facebook application with Flex. In that tutorial, you learn to register an application on Facebook and to build a simple Flex application that displays the Facebook user's name. The application you build is an external website application that you can test locally and host on your website.
In this tutorial you learn how to deploy this application on the Facebook website. Facebook applications can either be loaded into an iFrame or use FBML. This tutorial uses an iFrame. To learn more about the differences between iFrame and FBML applications, read the article, Comparing iFrame and FBML Facebook applications.
The process of developing and debugging an external application locally before deploying it to Facebook is typical for creating embedded applications: First, you build and test the application locally using Flex Builder, then, when the application is working, make the changes described in this tutorial so it is also accessible on the Facebook website.
In the process you will:
- Create a new wrapper page for the application.
- Retrieve session info from URL variables sent to the wrapper HTML page instead of requiring manual user login.
- Deploy the application to your server.
- Change settings for the application in the Facebook Developer application.
- Access your application from the Facebook website.
- Remove the application API key and secret from the SWF.
Requirements
To complete this tutorial, you need the following software and files:
A Facebook account
Flex Builder 3
ActionScript 3.0 Client Library for Facebook Platform
Access to a publicly available web server (not localhost)
Sample files:
- flexfb_iframe_startproject.zip (ZIP, 120K)
- flexfb_iframe_wrapper.zip (ZIP, 8K)
- flexfb_iframe_endproject.zip (ZIP, 328K)
Prerequisite knowledge
You should have completed the tutorial, Create your first Facebook application with Flex. You also should have a basic knowledge of Flex Builder, MXML, and ActionScript.
About the author
Jeanette Stallons is an independent Flex trainer and consultant who has taught for many companies including Adobe, Oracle, Boeing, Wachovia, Morgan Stanley, and Charles Schwab. Prior to working for herself, Jeanette worked at Allaire, Macromedia, and then Adobe in the training department, architecting, writing, teaching, and building applications for Flash, Flex, and other products. Her latest project is the Adobe Flex Learning Paths Flex application for which she was and continues to remain the idea behind, the programmer, and the content expert.
