November 2nd, 2012 by Lincoln Baxter III

[video] GWT and Errai UI Quickstart

I wish I had a magic GWT + Errai quickstart tutorial for you. But in fact, I do! Check out this video, and the tutorial below, to start your adventure with client side HTML5 templating in GWT!

Get started

Check out this code using GIT: https://github.com/lincolnthree/errai-ui-demo

To build and deploy, simply cd errai-ui-demo and run mvn clean install. The resulting artifact will be in the target directory, and you can deploy this directly to JBoss AS 7.1.

Import into IDE and delploy

To work on the project in an IDE, I would recommend Eclipse with JBoss Tools (available in the eclipse marketplace,) or JBoss Developer Studio 5. The first thing you will need to do is import the project, then you will still need to run mvn clean install if you have not done so already – this builds the initial GWT javascript payload for Eclipse to push out with the exploded deployment, then deploy it to JBoss AS 7.1 and start the server. Once it is there, you can return to the command line and type, mvn gwt:run, which will launch GWT dev-mode.

Run Dev-mode

Once dev-mode comes online, you can access the application at http://localhost:8080/errai-ui-demo/?gwt.codesvr=127.0.0.1:9997

Hack on the code

You can make modifications to *.client packages and sub-packages while the server is running, and refresh the page to see your changes.

Additional documentation about Errai and Errai UI is available here: https://docs.jboss.org/author/display/ERRAI/Errai+UI

Posted in JBoss

3 Comments

  1. hantsy says:

    Hi Lincoln,
    A very stupid problem, after read this post and Errai document, I can not find a way to **inplace** deploy the Errai based app to JBoss AS?

    The way in this post is obviously tedious for big project, it will compile the GWT to javascript before package it.

    Or I omit something there? thanks.

    Hantsy

    1. Just deploy the application normally as you would from your IDE, then run GWT Dev Mode to do hot replacement of the Client-side application 🙂 Use server hotswap like JRebel. You only need to compile the client-side application once, with GWT Dev mode.

  2. Priya says:

    hey can you please send me the details about how to connect the database in GWT application and also how to give link button to redirect it to next page. Please send it to priya.chandan777@gmail.com

Leave a Comment




Please note: In order to submit code or special characters, wrap it in

[code lang="xml"][/code]
(for your language) - or your tags will be eaten.

Please note: Comment moderation is enabled and may delay your comment from appearing. There is no need to resubmit your comment.