Eclipse设置GWT本地debug

    罪过，很久没写东西了.....

    言归正传，在项目中，用到了ext-gwt，在开发中遇到问题，发现调试非常麻烦。后来反复找资料，试验，找到了debug的方法，博客记录下来。

    首先确保eclipse已经安装了GWT的插件，插件安装方法，见官网。

 第一步

修改目标为GWT支持的工程。具体修改方法，选中工程，右键选择Properties。选择Google/App Engine选项，勾选Use Googel App Engine，如图：

 

 

在Google/Web Toolkit选项下，选择Use Google Web Toolkit，如图：

 

 

第二步：

其中，选择你的GWT工程,修改Main class为com.google.gwt.dev.DevMode，这个是关键点之一。

 

 

第三步：

在Server选项卡中，取消默认勾选的Run built-in server，如图:

 

 

 

第四步：

在GWT选项卡中，填入工程发布后的访问链接，如图：

第五步：

修改选项卡Arguments中的参数。直接写入参数:

-startupUrl http://127.0.0.1/Rap.html 
-noserver 
-remoteUI "${gwt_remote_ui_server_port}:${unique_id}" 
-logLevel INFO 
-war D:\rap\20111012\web\target\exploded\rap.war 
-codeServerPort 9997 com.tmall.rap.gwt.Rap

   输入参数是最关键的地方！其中，-startupUrl与之前填写的访问地址保持一致，-war的参数依据具体的war包位置改变。如图：

第六步：

针对浏览器安装具体的Gwt插件。具体插件名自己网上找找。其中firefox9.0目前不支持GWT的插件，所以我用的chrome来代替。安装好插件后，一般会有GWT的标志，如图：

第七步：

确保已经开启了web服务器，这里用jboss做为演示。选中已经建立的Debug Configurations，开启debug模式。会产生一个debug的访问地址，如图：

 

用安装了GWT插件的浏览器打开debug地址:http://127.0.0.1/Rap.html?gwt.codesvr=127.0.0.1:9997。

 

如此，就可以完成对GWT前段的debug了。哈哈~~~