Mis favoritos | Español | Acceder

Introducción: inicio rápido

Instalación de Google Web Toolkit

Instalación con Eclipse

Si utilizas el entorno de desarrollo integrado Eclipse, puedes emplear el complemento de Google para Eclipse para instalar Google Web Toolkit. Una vez que hayas reiniciado Eclipse, puedes crear una nueva aplicación de GWT.

Instalación sin Eclipse

  1. Si aún no lo has hecho, instala el kit de desarrollo de software (SDK) de Java.
  2. Nota para los usuarios de Mac: el modo alojado de GWT utiliza enlaces de SWT de 32 bits y necesita una JVM de 32 bits. Lamentablemente, Java 6 para Mac utiliza una JVM de 64 bits. Para utilizar el modo alojado de GWT, es necesario utilizar Java 5. Para obtener más información sobre los requisitos de 32 bits, consulta la sección de preguntas frecuentes.

  3. Si aún no lo tienes, descarga y descomprime Apache Ant.
  4. Descarga y descomprime Google Web Toolkit.
    En Windows, extrae los archivos de la carpeta comprimida gwt-windows-1.6.4.zip (o utiliza un programa como WinZip). En Mac o Linux, puedes descomprimir el paquete con un comando como el siguiente:
    tar zxvf gwt-mac-1.6.4.tar.gz
  5. GWT no dispone de aplicación de instalación. Todos los archivos necesarios para ejecutar y utilizar GWT se encuentran en el directorio extraído. Para utilizar GWT, la aplicación principal que necesitarás es webAppCreator, que se describe a continuación. Es posible que para empezar te resulte más fácil crear una de las aplicaciones de ejemplo incluidas en GWT.

    Creación de una aplicación de ejemplo

    Todas las aplicaciones de ejemplo se encuentran en el directorio samples/ del paquete de GWT. Todos los ejemplos incluyen una secuencia de comandos de creación de Ant build.xml que puedes ejecutar para iniciarla en modo alojado o que puedes compilar en JavaScript y HTML para ejecutarla en modo web.

    Ejecución en modo alojado

    Para ejecutar la aplicación de ejemplo Mail (Correo) en modo alojado, accede al directorio samples/Mail/ y ejecuta:

    ant hosted

    Se ejecutará el destino Ant "alojado" en samples/Mail/build.xml, que abrirá el navegador de GWT con la aplicación Mail en ejecución:

    Captura de pantalla

    Al estar en modo alojado, la aplicación se ejecutará en la máquina virtual Java (JVM). Este es el modo utilizado habitualmente para depurar las aplicaciones.

    Ejecución en modo web

    Para ejecutar la aplicación en modo web, compila la aplicación mediante la ejecución del siguiente comando:

    ant build

    El destino Ant de "creación" ejecuta el compilador de GWT, que genera una serie de archivos HTML y JavaScript a partir del código fuente Java de la aplicación Mail incluido en el subdirectorio samples/Mail/war/. Para ver la aplicación, abre el archivo samples/Mail/war/Mail.html con el navegador web que prefieras.

    Captura de pantalla

    Al estar compilado, el proyecto sólo utiliza código JavaScript y HTML puro, por lo que debería funcionar en Internet Explorer, Firefox, Opera o Safari. Si tuvieras que desarrollar la aplicación de ejemplo Mail durante la producción, deberías distribuir los archivos del directorio samples/Mail/war/ a tus servidores web.

    Implementación de algunos cambios

    El código fuente de la aplicación Mail se encuentra en el subdirectorio samples/Mail/src/. Prueba a cerrar las ventanas del navegador y a abrir el archivo samples/Mail/src/com/google/gwt/sample/mail/client/Shortcuts.java en un editor de texto. La línea 54 del archivo es la línea encargada de crear la ficha "Mail".

    add(images, new Mailboxes(images), images.mailgroup(), "Mail");

    Cambia el argumento final de "Mail" a "My Mail":

    add(images, new Mailboxes(images), images.mailgroup(), "My Mail");

    A continuación, guarda el archivo y haz clic en "Actualizar" en la aplicación en modo alojado para ver el cambio que acabas de implementar (si cerraste el modo alojado anteriormente, vuelve a ejecutar ant hosted). La primera ficha ahora debería mostrar "My Mail" en lugar de "Mail":

    Captura de pantalla

    Creación de una aplicación desde cero (sin Eclipse)

    GWT incluye una utilidad de línea de comandos llamada webAppCreator que genera automáticamente todos los archivos necesarios para iniciar un proyecto de GWT. También genera archivos de proyecto de Eclipse y ejecuta archivos de configuración que permiten realizar fácilmente un proceso de depuración en modo alojado, tal como se describe a continuación.

    Puedes crear una nueva aplicación llamada "MyApplication" con el siguiente comando:

    webAppCreator -out MyApplication com.mycompany.MyApplication

    La secuencia de comandos webAppCreator genera una serie de archivos en MyApplication/, incluidas algunas funciones "Hello, world" básicas en la clase MyApplication/src/com/mycompany/client/MyApplication.java. La secuencia de comandos también genera la secuencia de comandos de creación de Ant MyApplication/build.xml, igual que la aplicación de ejemplo anterior.

    Para ejecutar la aplicación que acabas de crear en modo alojado, cambia al directorio MyApplication/ y ejecuta:

    ant hosted

    Captura de pantalla

    Prueba a editar los archivos MyApplication/src/com/mycompany/client/MyApplication.java y MyApplication/war/MyApplication.html para ver cómo cambia la aplicación.

    Creación de una aplicación desde cero (con Eclipse)

    Con el complemento

    El complemento de Google para Eclipse contiene un asistente para crear aplicaciones de GWT. Una vez que hayas instalado el complemento y reiniciado Eclipse, realiza los pasos que se indican a continuación para crear una aplicación de inicio.

    1. En la barra de herramientas, haz clic en el botón "New Web Application Project" icono.
    2. Introduce los detalles del proyecto:
      1. Introduce "MyApplication" como nombre del proyecto.
      2. Introduce el paquete "com.mycompany".
      3. Asegúrate de que la opción Use Google Web Toolkit esté marcada y de que la opción Use default SDK (GWT) esté seleccionada.
      4. (Opcional) Si utilizas Google App Engine, asegúrate de que la opción Use Google App Engine esté marcada y de que la opción Use default SDK (App Engine) esté seleccionada.
      5. Si no instalaste los SDK al instalar el complemento de Google para Eclipse, debes hacer clic en Configure SDKs... para especificar el directorio donde se descomprimió GWT (y el SDK de App Engine).
    3. Haz clic en el botón Finish.

    Sin el complemento

    Si no quieres utilizar el complemento de Google para Eclipse, puedes importar un proyecto creado con webAppCreator siguiendo el procedimiento descrito anteriormente. Parar abrir el proyecto en Eclipse:

    1. En el menú File, selecciona la opción Import....
    2. Selecciona el origen de importación "General > Existing Projects into Workspace". Haz clic en el botón Next.
    3. Como directorio raíz, selecciona el directorio MyApplication creado por webAppCreator. Haz clic en el botón Finish.

    El proyecto de GWT aparecerá cargado en el área de trabajo de Eclipse:

    Captura de pantalla

    Sólo tienes que hacer clic en el botón "Run" (Ejecutar) verde situado en la parte superior de la ventana para iniciar el proyecto en modo alojado.