在IDEA下远程调试JavaScript
2009-06-30

       谈起JavaScript调试,大家可能想到的就是FireFox下的FireBug,这毫无疑问,FireBug基本已经成为JavaScript开发人员的必备工具。在本文中,将向大家介绍如何在IDEA下远程调试JavaScript,毕竟能在IDE工具中直接设置断点,进行调试,这还是非常诱人的。
       首先我们要给FireFox安装一个插件,该插件由IntelliJ IDEA的开发工程师开发,安装目录为%IDEA_HOME%\plugins\JavaScriptDebugger\firefox目录下,你只需拖动JBExtension.xpi文件到FireFox窗口即可完成安装。IDEA还会在调试JavaScript时自动安装,所以你不安装也不会有问题,如下图:
firefox_plugin_file.png
      接下来我们需要在IDEA中创建一个调试JavaScript的运行配置(run configuration),这样我们就可以启动JavaScript的调试器。这里要说明的是,你需要给相关的js设置网络URL,这样就可以在远程JS和本地JS文件做好映射。这里要说明的一下:IDEA 9.0M1有一个bug,你不要选中'Make‘选项,这个bug很快就会修复。如下图:
js_debug_configuration.png
     你点击Debug按钮后,IDEA就会打开一个FireFox,然后定位到你之前设定的URL地址,接下你在IDE工具中设定断点,当JS文件运行到断点时,就会被IDEA捕获,你就可以看到调试信息,当前IDEA仅仅支持纯js文件的调试,还不支持inline方式的js,这个要注意一下。
 js_debug_ui.png    
     如果你不想为该URL进行远程调试,只需点击"Tools“菜单下的"JS Debugger"下的disconnect即可,这个时候,调试的断点就不再有效,可以正常运行程序啦。
js_disconnect.png
    总结:总的来说,在IDE中调试JavaScript是非常诱人的,尽管FireBug已经非常优秀啦。IDE提供了众多的特性,如导航,代码提示等等,发现问题快速修复等,这些是FireBug所没有的,具体选择哪个方式,这里不做推荐,你自己看,不过你在做抉择之前,最好先了解一下这种模式。
      
   

 
在RubyMine下实现Rails远程调试
2009-05-16

     RubyMine发布了1.0.5的版本,添加了一个Remote Debug的特性,不难理解,和Java一样,是下Ruby程序的远程调试,如 你的Rails应用跑在一台Linux服务器上,现在出现问题,你想在开发机上进行远程调试,这个特性就是Remote Debug。
要实现远程调试,首先我们需要安装一个ruby-debug-ide的gem,使用以下命令: gem install ruby-debug-ide
接下来我们要以debug模式下启动Rails应用,首先进入到rails应用目录下,然后执行以下命令:
       >rdebug-ide --debug --port 1234 -- script/server
   这里需要说一下,port表示调试启动的端口号,这个将来要和IDE进行通讯的,script/server,就是要执行的脚本(脚本名称前面的两个减号和空格不能少),当然也可以是普通的ruby脚本,如xxx.rb。debug监听启动后,屏幕上会打出以下信息:
     Fast Debugger (ruby-debug-ide 0.4.5) listens on localhost:1234
   这个时候表示debug程序已经就绪啦,等待IDE端来进行连接触发ruby脚本的运行。这里说明一下,rdebug-ide启动后,并不会马上运行脚本,这个和Java的Remote Debug不一样。只有IDE端连接到调试端口才会触发脚本运行,这个很好理解,如你的一个脚本,打印一些信息,如果rdebug-ide启动后就允许脚本,那么就马上退出啦,谈不上调试,所以等待IDE连接后才执行脚本是正确的。所以rdebug-ide运行后,你此刻还不能通过浏览器访问该应用。
    回到RubyMine,我们点击“Run”菜单下的“Edit Configurations”选项,来创建一个运行Remote Debug的配置项,如下图:
ruby_remote_debug.png
     图中的remote Root folder和local Root Folder,设置为项目的目录即可。
     当你点击Debug后,你会发现服务器端的Rails程序开始运行,在控制台打出了运行的信息,这表明Rails应用已经启动。接下来就是你在程序中设置断点,然后进行测试。最后在RubyMine中点击关闭调试,服务器端的rdebug-ide也会退出,这样我们就完成了一个调试周期。
    总结:通过RubyMine的remote debug特性,我们可以远程调试Rails应用或者ruby脚本,非常简单。

 
Google App Engine Integration介绍
2009-05-05
GAE/J在发布的时候,推出了Eclipse的Plugin,现在IDEA也有了GAE/J插件,下面我们就介绍一下如何在IDEA下使用GAE/J插件来方便我们的开发。
首先我们下载Google App Engine Integration插件,这个通过plugin manager就可以下载。IDEA重启动后,打开一个GAE/J的项目,关于如何创建GAE/J项目,请参考站点的前一篇文章。
接下来打开设置面板,在Application Servers项中添加一个Google App Engine Dev Server,如下图:
   gae_server_setup.png
由于GAE/J项目都是Web项目,所以我们要给GAE/J的项目设置正确的Facet,这里最重要的就是Web Facet,如下图:
   gae_web_facet.png
最后我们要创建一个运行Google App Engine Dev Server的配置项,其实就是Run菜单下的“Edit Configurations”,设置如下图:
   gae_configuration.png
接下来你就可以启动Dev Server,运行和调试你的GAE程序啦。 
最后,你只需要点击一下Tools菜单下的“Upload App Engine Application"就可以部署啦,如下图:
   gae_upload.png
总的来说,目前主要提供了运行Dev Server和上传Application,这也是最基本的功能,目前GAE/J的Maven插件也在开发中,相信在后续的插件更新中,功能会更强大。
 
使用Maven管理GAE/J项目
2009-04-09
Google App Engine for Java发布啦,但是都是Ant脚本管理的。在Java项目中,基本都是Maven进行管理的,主要是结构方便。使用Maven来管理GAE/J项目,首先要把GAE/J相关的开发包添加到Maven Repository中,目前这些开发包已经添加到 http://www.mvnsearch.org/maven2/com/google/appengine 下,有了这些开发包后,我们还需要一个Maven Archetype,这样我们就可以快速创建GAE/J项目啦,而GAE/J的Maven archetype也添加到mvnsearch repository中,下面我们就看一下如何使用Maven来管理GAE/J项目。
1 创建GAE/J项目,打开Dos 控制台,执行下述指令,然后选择GAE/J的archetype即可。这里注意一下,artifaceId这里需要设置为你GAE/J的app-id。这里我们假设app-id为mini-shelf
    > mvn archetype:generate -DarchetypeCatalog=http://www.mvnsearch.org/maven2
gae-archetype.png
2 创建完毕后,进入该目录,执行 mvn package,这样会执行war打包
3 进入该目录,执行 dev_appserver target\mini-shelf  ,然后打开你的浏览器访问就可以啦
4 上传应用,执行 appcfg update target\mini-shelf,就会将项目部署到GAE上
5 使用IDE工具打开项目,进行程序开发。使用Maven后,项目管理会便捷很多。

总结:GAE/J项目本身就是Java项目,使用Maven进行管理最合适不过啦。项目中同时提供了build.xml,你可以可以自行调整。
 
使用IntelliJ IDEA开发GAE/J应用须知
2009-04-08

Google App Engine for Java(GAE/J)发布啦,我也第一手尝试了一下,下面是我个人的一些使用总结:
1 创建项目,目前官方推荐还是Copy一个Demo应用,然后基于这个项目创建新的应用。不少人已经在开发Maven的archetype,相信后面会有一个好的创建方式
2 在IDEA中添加WebFacet,这样编辑Web应用就很方便
3 web.xml的修改。GAE/J带的几个demo,web.xml书写都不太规范,建议采用标准的样式,这样可以使用IDEA的xml编辑功能和UI编辑功能。标准的web.xml如下:
   <?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         version="2.5">
</web-app>
4 使用好Ant的功能,将项目的build.xml中的sdk.dir设置为正确的格式,这样就可以运行程序和部署应用:
    <property name="sdk.dir" location="D:/develop/google_appengine_java" />
5 将GAE/J的xml namespace进行绑定,这样编辑xml会方便很多。GAE/J的xsd和dtd保存在安装目录下的docs子目录下,打开IDEA的设置面板选择resources进行映射一下即可。
     gae_xml_completion.png
6 如果你使用JPA的话,设置好相关的DataSource,这样代码提示会非常方便

总结: IDEA应该会推出一个GAE/J的plugin,这样会跟便捷,还是比较期待!

 
<< 第一页 < 上一页 1 2 3 4 5 6 7 8 9 10 下一页 > 最后一页 >>

第 1 - 5 共 51