GWT中的超级开发模式

Question

我是gwt的新手.我不知道如何启动Super Dev模式.我需要一步一步详细说明.

我已经尝试通过添加来编辑gwt.xml文件

<add-linker name="xsiframe"/>
  <set-configuration-property name="devModeRedirectEnabled" value="true"/>
  <set-property name="compiler.useSourceMaps" value="true" />

但我无法理解这一点.

Answer 1

更新:从GWT 2.7开始,默认情况下DevMode实际上会自动使用超级开发模式,所以你必须像以前一样启动DevMode,并且应用程序将在页面(重新)加载时自动(重新)编译.
一个区别是.nocache.js生成了一个特殊内容,因此您必须确保浏览器加载此特定文件; 要调试远程服务器(就像之前运行DevMode一样-noserver),你必须使用如下所述的bookmarklet.

要在超级开发模式下运行,您必须完成两个准备步骤:

1. 超级开发模式仅适用于xsiframe链接器,因此请确保您的以下行.gwt.xml:

   <add-linker name="xsiframe" />
   

   该链接器可以安全地用于生产(Google在任何地方都使用它,稍微定制),因此可以随意为所有项目打开它(它结合了std链接器的最佳- 默认xs链接器和链接器,没有它们的缺点).

   注意:该链接器将是2.7中的默认值

   如果您在2.6.0之前使用GWT版本,则还必须在以下位置启用超级开发模式.gwt.xml:

   <set-configuration-property name="devModeRedirectEnabled" value="true" />
   

   否则,如果您打算从不同于127.0.0.1或不同的URL使用超级开发模式localhost,则必须将主机列入白名单.这是使用正则表达式完成的,例如:

   <set-configuration-property name="devModeUrlWhitelistRegexp" value="http://(mymachinename|192\.168\.5\.151)(:\d+)?/.*" />
   

   请参阅/sf/answers/1535700211/

2. 编译并将您的应用程序部署到您附近的Web服务器(如果您使用.gwt.xml特定于Super Dev Mode 的文件,请确保编译该模块:xsiframe链接和devModeRedirectEnabled属性是该编译步骤所必需的!)

   如果您使用GWT-RPC,请将系统属性设置为gwt.codeserver.port您将运行超级开发模式的端口(默认为9876),以便您的服务器可以直接从超级开发模式下载RPC序列化策略.
   如果你在不同的机器上运行它们,你将不得不覆盖getCodeServerPolicyUrl所有RemoteServiceServlet的机器.但是,正如javadoc中所述,考虑安全隐患

完成后,您可以启动超级开发模式会话:

1. 推出com.google.gwt.dev.codeserver.CodeServer具有相同的类路径,你会推出DevMode的有(即gwt-user.jar,gwt-dev.jar和所有客户端依赖关系:如GXT,GIN +吉斯,GWTEventBinder等),但增加gwt-codeserver.jar; 并将模块的名称作为参数传递.

   它将从编译模块开始检查它是​​否可以实际编译; 您可以通过传递-noprecompile参数跳过此步骤.

   如果您从未运行超级开发模式,请转到http://localhost:9876并将开发模式开启和开发模式关闭添加到书签(将其拖放到书签栏).

   注意:如果您使用Maven,您应该可以使用mvn gwt:run-codeserver(注意:插件版本中存在一个错误,直到您实际必须运行的2.6.0 mvn process-classes gwt:run-codeserver;这在2.6.1中已修复).

2. 在浏览器中打开您的应用程序,然后点击Dev Mode On bookmarklet.单击打开的弹出窗口中的" 编译"按钮.它应刷新页面并从而CodeServer不是从服务器加载JS .您的浏览器的开发工具也应该加载SourceMaps,以便您可以查看和调试(逐步)Java代码.

3. 如果要测试对代码所做的更改,请再次点击" 开发模式"书签.与DevMode相反,刷新页面不会使其运行新代码; 代码必须首先重新编译,这是在Dev Mode On bookmarklet 之后点击Compile按钮时完成的(注意:你也可以直接将Compile按钮加入书签以保存点击,但请注意它已绑定到你的模块,所以你如果您使用多个模块,则需要多个书签.

4. 完成后,点击开发模式关闭以确保切换回生产模式,然后关闭该CodeServer过程(CtrlC在控制台中应该工作).

http://www.gwtproject.org/articles/superdevmode.html上的官方文档
另见http://blog.ltgt.net/how-does-gwts-super-dev-mode-work/,了解有关Super如何超级的更多信息开发模式实际上有效.

Answer 2

按照以下步骤,您一定会找到解决方案.

1. 下载GWT 2.5 RC2,把它放在某个地方......我把它放在我的eclipse/plugins目录中.链接

2. 在Eclipse中,将GWT 2.5添加到Project -> Properties -> Google -> Web Toolkit -> Configure SDKs屏幕,然后选择已添加到上述步骤中的目录的2.5版本.

3. 右键单击Eclipse中的项目,转到Run Configurations窗口,然后创建一个新的"Java Application",命名为"GWT Super Dev Mode".

4. 在"运行配置"窗口中,执行以下操作:

   1. 根据项目名称设置项目,并在主类中键入com.google.gwt.dev.codeserver.CodeServer

   2. 在Classpath tab,点击user Entries,再点击Add External JARs,浏览到GWT 2.5目录,并找到GWT-codeserver.jar,并单击"打开"(以及其他外部库).

   3. 在Arguments选项卡中,添加-src src/ *SOURCE PATH OF YOUR PROJECT*到Program参数,-Xmx1024m并向VM参数添加可选项.

   4. 单击"应用",然后继续运行项目.

5. 在此之后,您将获得一个URL,如localhost:9876 /

6. 转到该URL和书签,Dev Mode ON并Dev MOde Off再运行代码,去掉后缀gwt.codesvr = 127.00.1:9997的URL.现在点击Dev Mode ON......

希望你能得到解决方案......

Answer 3

我用super-dev-mode 在这里写了一个简单的循序渐进指南,用于hello world项目调试.

阅读完步骤指南与截图后,你不能错过它.

此外,您可以阅读该技术 -

GWT SuperDevMode - Ray Cromwell Post和GWT Dev Guide

SourceMaps - GWT和Sourcemaps以及HTML5源图