gwt - SuperDevMode 入门

Question

我只想使用 superDevMode 运行一个简单的应用程序来了解它的好处。 CodeServer 已成功启动，但它提示 UI 中没有可编译的 gwt 模块。我按照以下步骤操作。

1. 我从 GWT 默认代码开始，该代码将在我们创建新项目时生成。然后我将其转换为 Maven 项目。

2. 然后我修改了 gwt.xml 文件以添加链接器。这是我的 gwt.xml 的副本

   <module rename-to='superdevmode'>
   <inherits name='com.google.gwt.user.User' />
   <inherits name='com.google.gwt.user.theme.clean.Clean' />
   <entry-point class='superDevMode.client.SuperDevMode' />
   <add-linker name="xsiframe" />
   <set-configuration-property name="devModeRedirectEnabled"
   value="true" />
   </module>
   

3. 我添加了代码服务器 jar 并设置了正确的类路径。

代码服务器已成功启动。

   The code server is ready.
   Next, visit: http://localhost:9876/

当我启动 UI 时，得到以下信息

但是当我单击“开发模式打开”时，我得到以下信息

我不知道我做错了什么。我的 POM 条目如下所示。

              <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>superDevMode</groupId>
<artifactId>superDevMode</artifactId>
<version>0.0.1-SNAPSHOT</version>
             </project>

如果我错了，请纠正我。

Answer 1

更新:v2.6 看起来将为 superdevmode 提供一个更好的示例启动器(请参阅 superdevmode 下的 http://www.gwtproject.org/release-notes.html#Release_Notes_2_6_0_RC1 )2.6 现在随时都会发布。我正在使用 RC3，看起来不错。更多内容请参见:

<小时/>

虽然我很欣赏 Thomas 文章中关于 SuperDevMode 如何工作的详细信息，但真正需要的是包含一些故障排除的分步指南。

这是一步一步。出错的地方太多了，SuperDev mode page不是很具体。希望这可以清楚地表明:

1. 使用附加行配置模块 .gwt.xml 文件(您应该将其放在模块定义的底部，即 </module> 之前):

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

运行标准 GWT 编译过程 - 在 Eclipse 中，这是“GWT 编译项目...” - 这是部署 GWT 代码时通常执行的操作。毫无疑问，您也有一个 Maven 或 ant 命令可以执行此操作。

启动您在开发 GWT 代码时通常使用的常规网络服务器。例如，您使用普通 DevMode 的那个。我将其称为 localhost:8888 - 我将假设您通常启动的页面是index.html，因此 http://localhost:8888/index.html显示您的 GWT 应用程序。 (通常该 URL 中可能有 ?gwt.codesvr=127.0.0.1:9997)

启动 SuperDevMode 服务器(有关两种方法，请参阅此答案的底部)。您现在有两个网络服务器在不同的端口上运行。因此，假设 SuperDevMode 正在 localhost:1234 上运行。在这个答案的底部，我发布了一些启动 SuperDevMode 的方法。

将您的浏览器指向 SuperDevMode 服务器，因此 http://localhost:1234 。按照说明将两个快捷方式复制到地址栏

现在，将您的浏览器指向常规网络服务器 http://localhost:8888/index.html - 不要添加?gwt.codesvr=127.0.0.1:9997到 URL - 仅适用于 NotSuper DevMode。 (即常规 DevMode)

单击您在步骤 5 中复制的快捷链接“DevMode On”。它会要求您选择要编译的模块，单击“编译”按钮。

如果您需要源映射(在 Chrome 脚本浏览器中查看 Java 源代码)，则必须在 Chrome 中将其打开。在我的 Chrome (Ubuntu) 版本中，Chrome 控制台的右下角有一个小齿轮(检查元素，然后查看浏览器窗口的右下角)。单击该按钮并找到“启用源映射”。重新加载页面，它现在应该显示源代码。

<小时/>

启动 super 开发模式的两种方法:

从命令行

java -classpath $GWT_HOME/gwt-codeserver.jar:$GWT_HOME/gwt-dev.jar:$GWT_HOME/gwt-user.jar:app:./lib/*  com.google.gwt.dev.codeserver.CodeServer \
  -bindAddress 0.0.0.0 -port 1234 -src src -workDir work com.foo.MyModule

来自 Eclipse 启动器

在 Eclipse 中，使用以下配置创建一个新的 Java 应用程序启动器(不是 Web 应用程序启动器!):

主类:

com.google.gwt.dev.codeserver.CodeServer

程序参数:

-src src -workDir ${workspace_loc:MyProject}/codeserver -port 1234 com.foo.MyModule

-workDir是可选的

VM 参数(根据项目的大小，可能需要这些参数。如果 super 开发模式“编译”按钮(在浏览器中)在您单击后立即消失并且似乎没有任何反应，则可能是由于内存不足而崩溃)

-Xmx1024m -Xms512m

类路径:将 gwt-codeserver.jar、gwt-dev.jar 和 gwt-user.jar 添加到启动类路径(这些 jar 可以在 GWT SDK 安装目录中找到)。