Getting started

Ensure that your hosting server is PHP5 compatible

This is really important! Fleb only works with PHP5 and not PHP4.

Using Fleb with FlashDevelop

First and foremost, download the latest version of Fleb framework from here.

I like working with FlashDevelop, so here is how to integrate Fleb with FlashDevelop. Open FlashDevelop and select Project > New Project…

In the panel that appears, under ActionScript 3, click Flash IDE Project.

If you have WAMP server installed, leave the next path as it is, in my case "C:wampwww".

Name your project, eg. "mywebsite.com" and check "Create directory for project".

Now copy the 3 folders that you downloaded (deploy, src and work) directly the path that you created, in this example "C:wampwwwmywebsite.com".

If you are working on a PC, feel free to delete all the files that start with ._ , as they are Mac related files and you will not need them.

To check that everything goes as expected, with Flash CS5, open base.fla in the work folder, return to FlashDevelop and press CTRL+ENTER. You should see the home page of the demo fleb site.

A little modification in .htaccess

Last but not least: you need to edit the .htaccess file and set the base directory for SWFAddress, otherwise it will not work. In deploy folder, you will find the .htaccess file. Open it with your favorite editor (eg. Notepad). Here is the content:

<IfModule mod_rewrite.c>

# Enables mod_rewrite
RewriteEngine on

# Sets the base folder
RewriteBase  /

RewriteCond  %{REQUEST_FILENAME}    !-f
RewriteCond  %{REQUEST_FILENAME}    !-d
RewriteRule  .*                     index.php

</IfModule>

In our example, set RewriteBase like this:

RewriteBase  /mywebsite.gr/deploy

To check that everything goes as expected, start wamp server, open your favorite browser (I use firefox) and enter in the address

localhost/mywebsite.gr/deploy/en/service/

You should see the service page from the demo that you have downloaded. If not, make sure that wamp server is running and that you filled the correct path in .htaccess.

Also make sure that the wamp server does not display php error notices. To do so click

wamp server icon (bottom right) > PHP > php.ini

to open the php.ini. In there, find the line

error_reporting = E_ALL 

and replace that to

error_reporting = E_ALL & ~E_NOTICE

Also, make sure that wamp allows php rewrites through htaccess:

wamp server icon (bottom right) > Apache > Apache modules > tick rewrite_module

In any case, if something goes wrong and the fleb demo is not working with your local server, try to upload it on a testing server online and see if it works there. There may be a conflict, for example, between wamp server and Windows 7.

Speeding up your workflow

In fleb, until start messing with the pages inside (like about us, contact, etc.), you'll have to get your hands dirty with the class Main.as. So say that you make corrections to Main.as, you first have to compile Main.as, and then compile Base.as in order to see what you've done. So what's my prefered way of doing this fast?

Creating a new project in Flash CS5.5

In Flash CS5.5 click

New > Flash Project

In the "Project Name" give any distinctive name (eg. My Website).

In the "Root Folder", press the folder button on the right and browser for your fleb's work folder.

Press "Create Project".

Now, in the Project Panel, right click on the base.fla and press "Make Default Document".

Tick the box right to main.fla.

That's it! Now, every time you want to see the changes you' ve made to Main.as just click the down arrow on the top right corner and select "Publish Project".

Publishing takes too long!

In order to make the project publish faster you can disable Warnings Mode. Open base.fla and main.fla, go to actionscript settings and detick warning mode.

Debugging fleb using flashDevelop

Just make sure that you the current window (the one you see) in Flash IDE is base.fla. Otherwise it will not work.

Also make sure that the in the fla file you debug, permit debugging is on. To do so Flash / Poperties / Publish Settings / Permit Debugging (checked)

Add your breakpoint in flashDevelop and compile.

Post A Comment

Anti-Spam Quiz: