[1] describes how to set up Flash Builder to work with the FlexJS SDK.  It
is not very clear how to use Flash Builder to debug your FlexJS apps.

In case someone wants to debug FlexJS apps using FlashBuilder, here are the
steps:

1.  Follow the steps here [1] to set up FlexJS SDK and your FlexJS app
2.  Select Project > Properties > Flex Build Path > Source Path
3.  Add a source path reference to <flex git
folder>\flex-asjs\frameworks\as\src
This step will now let you open up framework files like Application, UIBase
etc. by simply ctrl-clicking or F3.
4.  Make sure that nothing breaks by running 'FlexJS (Debug build)'
available in your external tools menu.  This should result in a debug
app.html and app.swf file in the bin-debug directory.
5.  Create a file called debug.html in your bin-debug directory.  Leave
this file empty.
6.  Under the debug menu, select 'Debug Configurations...' item
7.  Create a new 'Web  Application' run configuration
8.  On the right side, select your 'Project' and ''Applicaton'' file based
on your FlexJS app.
9.  For "URL or Path to launch", uncheck the Úse default' option
10.  Give the path to the debug.html file under your bin-debug directory.
11.  Click Ápply and then click Debug.  This will launch the FB debugger
which start waiting for a connection
12.  Now simply run the app.html containing the debug app.swf in a browser
(make sure you have the debug version of Flash Player installed)

The debugger should now connect to running Flex JS app and you catch your
exceptions, breakpoints, etc. in Flash Builder.  I am finding this super
useful as I am playing around with the FlexJS SDK.

Hope this helps.

Thanks,
Om

[1]
https://cwiki.apache.org/confluence/display/FLEX/Using+FlexJS+with+Adobe+Flash+Builder

Reply via email to