［GWT］環境構築とサンプル

ついでにEGitプラグインもインストール。
なお、デフォルトで設定されているEGgitの更新サイトだと、3.7にインストールできなかったため、
3.7用のサイトを設定した。
http://wiki.eclipse.org/EGit/FAQ#Where_can_I_find_older_releases_of_EGit.3F http://download.eclipse.org/egit/updates-1.3/

最新は2.5.1だが、既存のアプリで2.4.0を使っていたのでgwt-2.4.0.zipを落とした。
http://www.gwtproject.org/versions.html

なお、Eclipseプラグインと一緒にインストールもできる。

GAEへのデプロイはまだ考えてないので、ローカルで動かすための最小構成で。
f:id:daybreaksnow:20131015181606p:plain

GWT SDKのインストールを選択しなくても、すでに入れてあったSDKのパスを自動的に設定してくれていた。

新規→Google→Web Application Project

サンプルコード生成のチェックをONにして作成。

Run as→Web Application
Develop Modeタブが開くので、そのアドレスにアクセスすればOK.
例：http://127.0.0.1:8888/StockWatcher.html?gwt.codesvr=127.0.0.1:9997

開発モードではデバッガでJavaコードを終えるが、本番モード(JavaScript)と挙動が若干異なる場合がある。

プロジェクトを右クリック→Google→GWT Compile→Compile
コンパイルが成功したら、アプリを起動し、開発モードのクエリ文字列以下を削ったアドレスにアクセスすればOK。
例：http://127.0.0.1:8888/StockWatcher.html

なお、本番モードかどうかについては、GWT.isProdMode()メソッドを利用することで判定できる。

コンパイル後はプロジェクト内にwarディレクトリが作成されている。
これをtomcatのwebappに入れるなどすれば、そのまま動作する。

コンパイル時のoutputLevelは出力されるJavaScriptの難読化レベルの指定。
Obfuscatedが一番難読化されており、本番環境ではこれを使うべき。

ObfuscatedにしたJavaScriptとJavaコードの対応を知るためには、マッピングファイルを見る。
以下のディレクトリに各ブラウザ毎にメソッド名のマッピングが載っている。
war\WEB-INF\deploy\gwtsample\symbolMaps

TODO コンパイル時のLogLevelの設定がどこに影響するか、Log4j等と組み合わせた場合どうなるかは後で調べる。

daybreaksnow's diary