Symfoware

Symfowareについての考察blog

Google Web Toolkit 2.1 チュートリアル8 GWTアプリケーションのコンパイル

Google Web Toolkit 2.1のEclipseプラグインをインストールし、
チュートリアルを試しているところです。
Google Web Toolkit 2.1のEclipseプラグインをインストールする
Google Web Toolkit 2.1 チュートリアル1 GWTプロジェクトの作成
Google Web Toolkit 2.1 チュートリアル2 アプリケーションの設計
Google Web Toolkit 2.1 チュートリアル3 ユーザーインターフェースの作成
Google Web Toolkit 2.1 チュートリアル4 クライアントのイベント制御
Google Web Toolkit 2.1 チュートリアル5 クライアントでの処理実行
Google Web Toolkit 2.1 チュートリアル6 GWTアプリケーションのデバッグ
Google Web Toolkit 2.1 チュートリアル7 スタイルの適用
引き続き、チュートリアルを試します。

Step 8: Compiling a GWT Application
こちらを参考に進めていきます。




1. Compiling Java to JavaScript



これまで、デバッグ用のサーバーを起動しての開発を行ってきました。
プログラムが完成したので、コンパイル(htmlとjavascriptの出力)を行います。

Eclipseのツールバーにある「GWTコンパイル・プロジェクト」ボタンを押します。

09_001_20101106230618.png


コンパイルオプションを指定する画面が表示されます。
そのまま「コンパイル」を選択しました。
※コンパイルオプションについては、後日調べようかと。

09_002_20101106230618.png


コンパイル実行中、コンソールにはこんな感じで出力されます。

09_003_20101106230618.png


Compiling module com.google.gwt.sample.stockwatcher.StockWatcher
   Compiling 6 permutations
      Compiling permutation 0...
      Compiling permutation 1...
      Compiling permutation 2...
      Compiling permutation 3...
      Compiling permutation 4...
      Compiling permutation 5...
   Compile of permutations succeeded
Linking into D:\workspace\StockWatcher\war\stockwatcher
   Link succeeded
   Compilation succeeded -- 52.462s







2. Testing in Production Mode



コンパイルという操作で、JavaVMが存在しなくても、
JavaScriptだけで動作できる状態に変換されたことになります。

Webサーバーにファイルをアップロードして、動作を確認します。





3. Deploying the Application to a Web Server



コンパイル後のフォルダ、ファイル構成をパッケージ・エクスプローラーで
確認すると以下のようになっているかと思います。

09_004_20101106230618.png


実際の動作に必要なのは、
images(フォルダ)
stockwatcher(フォルダ)
StockWatcher.css(ファイル)
StockWatcher.html(ファイル)

になります。
※WEB-INFの中身は不要です。


FTPソフトなどを使用して、Webサーバーにアップロードしてみます。

以下のURLがチュートリアルで作成した青果物です。
※FC2のレンタルwebスペースにおいてみました。
http://symfo.web.fc2.com/gwt/tutorial/StockWatcher.html

09_005_20101106230617.png


HTML + JavaScriptだけで動くことが確認できるかと思います。




関連記事



Google Web Toolkit に関する記事の一覧








関連記事

テーマ:プログラミング - ジャンル:コンピュータ

  1. 2010/11/06(土) 23:07:38|
  2. Google Web Toolkit
  3. | トラックバック:0
  4. | コメント:0
  5. | 編集
<<Google Web Toolkit に関する記事の一覧 | ホーム | Google Web Toolkit 2.1 チュートリアル7 スタイルの適用>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
https://symfoware.blog.fc2.com/tb.php/638-25a19d48
この記事にトラックバックする(FC2ブログユーザー)