releases google for example español gwt eclipse-plugin gwt-rpc gwt2 gwt-super-dev-mode
link

google - Modo Super Dev en GWT



gwt releases (5)

Soy nuevo en gwt. No sé cómo iniciar el modo Super Dev . Necesito la explicación detallada paso a paso.

Intenté editar el archivo gwt.xml agregando

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

pero no puedo entender la idea.

Es súper fácil ahora.

Mira esto

y luego agrega este jar a tu classpath

como se explica here

Escribí una guía paso a paso sencilla para la depuración de proyectos de hello world con super-dev-mode Here .

Después de leer la guía paso a paso con capturas de pantalla, no te la puedes perder.

Además, puedes leer sobre la tecnología -

GWT SuperDevMode - Ray Cromwell Post y GWT Dev Guide

SourceMaps - GWT y Sourcemaps y HTML5 Sourcemaps

Siga estos pasos, definitivamente encontrará la solución.

  1. Descarga el GWT 2.5 RC2 y ponlo en algún lugar ... Lo puse en mi directorio de eclipse / complementos. link

  2. En Eclipse, agregue GWT 2.5 al Project -> Properties -> Google -> Web Toolkit -> Configure SDKs screen, y seleccione la versión 2.5 que ha agregado al directorio en el paso anterior.

  3. Haga clic con el botón derecho en el proyecto en Eclipse, vaya a la ventana Ejecutar configuraciones, y cree una nueva "Aplicación Java", asígnele un nombre como "Modo GWT Super Dev".

  4. Mientras está en la ventana Ejecutar Configuraciones, haga lo siguiente:

    1. Establezca el proyecto según el nombre de su proyecto y escriba la clase principal como com.google.gwt.dev.codeserver.CodeServer

    2. En la Classpath tab Ruta de clase , haga clic en user Entries , luego haga clic en Add External JARs , navegue hasta el directorio GWT 2.5 y busque gwt-codeserver.jar y haga clic en "Abrir" (y otras bibliotecas externas).

    3. En la pestaña Argumentos, agregue -src src/ *SOURCE PATH OF YOUR PROJECT* a los argumentos del Programa, y ​​agregue -Xmx1024m opcional a los argumentos de VM.

    4. Haga clic en Aplicar, luego avance y ejecute el proyecto.

  5. Después de esto obtendrás una URL como, localhost: 9876 /

  6. Vaya a esa URL, y Dev MOde Off como favorito, Dev Mode ON y Dev MOde Off luego ejecute su código, elimine el sufijo gwt.codesvr = 127.00.1: 9997 en la URL. Ahora Dev Mode ON clic en Dev Mode ON ...

Espero que tengas la solución ...

ACTUALIZACIÓN: comenzando con GWT 2.7, DevMode realmente usará Super Dev Mode automáticamente de forma predeterminada, por lo que solo tiene que iniciar DevMode como lo hizo anteriormente, y la aplicación se (re) compilará automáticamente en la página (re) carga.
Una diferencia es que se genera un .nocache.js especial, por lo que debe asegurarse de que el navegador cargue este archivo específico; para depurar un servidor remoto (como lo podría hacer previamente con DevMode corriendo con -noserver ), tendrá que usar los bookmarklets como se describe a continuación.

Para ejecutar en modo Super Dev, debe realizar 2 pasos preparatorios:

  1. El modo Super Dev solo funciona con el enlazador xsiframe , así que asegúrese de tener la siguiente línea en su .gwt.xml también:

    <add-linker name="xsiframe" />

    Ese enlazador es seguro para el uso de producción (Google lo usa en todas partes, ligeramente personalizado), así que siéntase libre de activarlo para todos sus proyectos (combina lo mejor del enlazador std -el por defecto- y el enlazador xs , sin sus desventajas )

    Nota: ese enlazador será el predeterminado en 2.7

    Si usa una versión de GWT anterior a la 2.6.0, también deberá habilitar el modo Super Dev en su .gwt.xml :

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

    De lo contrario, si tiene la intención de utilizar Super Dev Mode desde una URL diferente de 127.0.0.1 o localhost , entonces deberá incluir en la lista blanca el host. Esto se hace usando una expresión regular, por ejemplo:

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

    Ver https://.com/a/21938574/116472

  2. compila y despliega tu aplicación en un servidor web cerca de ti (si .gwt.xml un archivo .gwt.xml específico para el Modo Super Dev, asegúrate de compilar ese único módulo: el enlazador devModeRedirectEnabled y la propiedad devModeRedirectEnabled son necesarios para ese paso de compilación).

    Si usa GWT-RPC, establezca la propiedad del sistema gwt.codeserver.port en el puerto en el que ejecutará el modo Super Dev (predeterminado en 9876 ) para que su servidor pueda descargar las políticas de serialización de RPC directamente desde el modo Super Dev.
    Si los ejecuta en máquinas diferentes, deberá anular getCodeServerPolicyUrl en todos sus RemoteServiceServlet . Sin embargo, considere las implicaciones de seguridad, como se señala en el javadoc

Una vez hecho esto, puede iniciar una sesión en el Modo Super Dev:

  1. Ejecute com.google.gwt.dev.codeserver.CodeServer con la misma classpath con la que iniciaría DevMode (es decir, gwt-user.jar , gwt-dev.jar y todas sus dependencias del lado del cliente: por ejemplo, GXT, GIN + Guice , GWTEventBinder, etc.) pero agregando gwt-codeserver.jar ; y pasando el nombre de tu módulo como argumento.

    Comenzará por compilar su módulo para verificar que realmente se pueda compilar; puede omitir este paso pasando -noprecompile como argumento.

    Si nunca ejecutó el modo Super Dev, vaya a http://localhost:9876 y agregue los enlaces Dev Mode On y Dev Mode Off a sus marcadores (arrástrelos / suéltelos en su barra de marcadores).

    Nota: si usa Maven, debería poder usar mvn gwt:run-codeserver (nota: hay un error en las versiones del complemento hasta 2.6.0 donde en realidad tiene que ejecutar mvn process-classes gwt:run-codeserver ; esto se soluciona en 2.6.1).

  2. Abra su aplicación en su navegador, luego presione el Modo Dev en el marcador. Haga clic en el botón Compilar en la ventana emergente que se abre. Debería actualizar la página y cargar el JS del CodeServer lugar de CodeServer desde su servidor. Las herramientas de desarrollo de su navegador también deben cargar los SourceMaps para que pueda ver y depurar (paso a paso) su código de Java.

  3. Cuando desee probar los cambios que realizó en su código, vuelva a presionar el marcador Dev Mode On bookmarklet. A diferencia de DevMode, al actualizar la página no se ejecutará el nuevo código; el código debe recompilarse primero, y esto se hace al hacer clic en el botón Compilar después del marcador Dev Mode On bookmarklet (nota: también puede marcar directamente el botón Compilar para guardar un clic, pero tenga en cuenta que está vinculado a su módulo, por lo que necesitaría múltiples marcadores si trabaja en varios módulos).

  4. Cuando haya terminado, presione Dev Mode Off para asegurarse de volver al modo de producción y luego cierre el proceso CodeServer (la tecla Ctrl C en la consola debería funcionar).

Documentación oficial en http://www.gwtproject.org/articles/superdevmode.html
Consulte también http://blog.ltgt.net/how-does-gwts-super-dev-mode-work/ para obtener más información acerca de cómo funciona Super Dev Mode.