Exercise 5.10: Creating a production build
Created
2 May 2011
Requirements
Prerequisite knowledge
- Exercise 1.1: Setting up Flash Builder and your project files
User level
Beginning
Required products
- Flash Builder 4.5 Premium (Download trial)
Exercise files
In this exercise you use Flash Builder to create a production build of the Flash application shown in Figure 1.
In this exercise, you will learn how to:
Explore the bin-debug directory
In this section, you will explore the contents of the bin-debug directory.
- Download the ex5_10_starter.zip file if you haven’t already and extract the file ex5_10_starter.fxp to your computer.
- Open Flash Builder.
- Import the ex5_10_starter.fxp file.
- Open the ex5_10_starter.mxml file.
- Run the application.
You should see the Employee Portal page (see Figure 2).
- Return to Flash Builder.
- Within the Package Explorer view, expand the bin-debug folder.
The bin-debug output files contain additional debug code and metadata that the debugger uses for tasks such as setting breakpoints or viewing variables.
- Within the bin-debug folder, right-click the ex5_10_starter.swf file and select Properties (see Figure 3).
- Note the file size (see Figure 4).
Create a production build
In this section, you will create a release build version of the Employee Portal application.
- Select Project > Export Release Build (see Figure 5).
- In the Export Release Build dialog box, select the check box next to Enable view source (see Figure 6).
Note that the export folder is named bin-release.
- Click Finish.
View the production build
In this section, you will view the release build in a browser and use the source view option to view the code source.
- Within the Package Explorer view, expand the bin-release folder.
- Right-click the ex5_10_starter.swf file and select Properties.
- Note the file size.
You should see the file size is considerably smaller (see Figure 7).
- Click OK.
- Run the application.
- Right-click somewhere in the browser window and select View Source (see Figure 8).
You should see the source view open (see Figure 9). Note the Download source link in the bottom left corner.
In this exercise you used Flash Builder to create a production build of the Flash application.
+
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.
More Like This
- Exercise 2.5: Retrieving and handling data with the RemoteObject object
- Exercise 2.6: Separating the model, view, and controller
- Exercise 2.7: Creating an ActionScript class and instances
- Exercise 2.8: Creating an ArrayCollection of value objects
- Exercise 2.9: Use the Data Services wizard to connect to a service
- Exercise 4.3: Creating item renderers for Spark List components
- Exercise 4.4: Using the Spark DataGrid control
- Exercise 5.3: Using advanced CSS selectors
- Exercise 5.6: Creating custom skin properties
- Exercise 5.5: Creating and applying skins
