How to correctly deploy a FLEX\FLASH swf application?

Question

I am absolutly new in Flex and Flash and I have the following problem.

I have to work on a Flex 4 project made by someone else in the past using the Eclipse plugin and building it using an ANT script (but I think that this is not so important).

After that I run my ANT script it build my project into this target folder:

So, as you can see in the previous image, the building project have created the target content corresponding to the Main.swf file (that I think is the Flex\Flash application), the asset directory (that contains some resources used by the application: fonts, incos, images and CSS) and the flexmonster directory that should contains something related to a library that generates table.

My problem is: now how can I deploy this application?

I saw this video tutorial: https://www.youtube.com/watch?v=z0YTZm1v7qQ&t=326s

but in this tutorial show that the project generates also an html that is linked to the swf file (but doesn't show the HTML content, in the tutorial seems to be autogenerated).

How can I try to execute my application? (into the browser)

Are there some difference in the deploy of a Flex and Flash application or are the same thing?

Answer 1

You should:

1. embed the swf, see: How to embed a SWF file in an HTML page?
2. transfer the files inside the target folder (including the embedded html for example) onto your server.

But you should ask in your company how they embed the swf, may it is delivered from the JAVA-application and not in plain HTML.

Answer 2

Just copy target folder files to your production web location.

Answer 3

To correctly deploy a Flash or Flex web app you require to:

1. Create an HTML file which will embed your .swf file using SWFObject.
2. The SWFObject JS library.
3. Put those two files in your 'target' folder, then upload the 'target' folder to your web server.

Here's a quick tip for steps 1 and 2:

1. In Flash Builder you are going to see at the top a button with an icon that looks like a globe with an orange arrow, it is the Release Build button. Press it.

2. Flash Builder is going to generate a very similar folder to your 'target' folder. Copy and paste the .html and .js file into your 'target' folder.

3. Now you can upload your 'target' folder to your web server (via FTP or admin panel).