web-dev-qa-db-ja.com

GWTスーパー開発モードをIntelliJで動作させる方法

SuperDevモードをIntelliJで動作させるのに多くの問題がありました。この質問と以下の私の答えは、将来これに遭遇する可能性のある他の人のために（そして私自身の参照のために）これを行う方法を文書化することです：

javagwtintellij-ideagwt-super-dev-mode
15
Click Upvote

IntelliJ IDEA 14 EAP は、GWTスーパー開発モードのサポートを改善しました。 JetBrains =を使用する必要があります。 IDE ChromeでのJavaScriptデバッグ用のプラグイン 、および GWT 2.6.1 をインストールします。その後、すぐ下でスーパー開発モードのサポートを有効にできます。 「構成の実行」-詳細については、 ブログ投稿 および このウェビナー で簡単なデモを確認してください。

3
breandan

1）モジュールの.gwt.xmlコードに次の行を入力します。

<!-- Super Dev Mode Config: -->
  <add-linker name="xsiframe" />
  <set-configuration-property name="devModeRedirectEnabled" value="true" />
  <set-configuration-property name="gwt.superdevmode" value="on" />
  <set-property name="compiler.useSourceMaps" value="true"/>

2）IntelliJで2つのGWT実行構成を作成します。1つはスーパー開発モードをオンにし、もう1つはスーパー開発モードをオフにします。

最初の構成（コードサーバー）： enter image description here

2番目の構成（開発モード）：

enter image description here

3）CodeServer実行構成を実行します。次のような出力が得られます。

The code server is ready.
Next, visit: http://localhost:9876/

そのURLにアクセスします。 「開発モードオン」ボタンがあります。ブックマークバーにドラッグします。次に、このページでモジュールの名前をクリックし、そのソースコードを参照して、.nocache.jsファイルを見つけます。

4）ホストページのhtml内で、既存のnocache.jsファイルへのパスを変更して、手順3でリンクがコピーされたnocache.jsファイルを指すようにします。例：

<script type="text/javascript" language="javascript" src="http://localhost:9876/Touch/Touch.nocache.js"></script>

5）2番目の実行構成を実行します。 ?gwt=などのurl引数を使用して、gwtdevモードのURLに移動します。それらのurl引数を削除し、ページを更新します。これで、ホストページが表示されるはずです。コードサーバーの実行構成がすでに実行されている場合、GWTコードが自動的に実行される可能性があります。

6）プロジェクトに変更が加えられたら、前に追加した「開発モード」ブックマークレットをクリックするだけです。モジュールの名前とコンパイルボタンが表示されます。 [コンパイル]ボタンをクリックすると、モジュールが再コンパイルされ（かなり迅速に実行されます）、ページが更新されます。

7）コンパイルボタンをブックマークバーにドラッグして、ブックマークの「開発モード」をクリックする手順をスキップすることもできます。

編集：この回答は完全ではなく、いくつかの問題があります。誰かが修正したい場合は、編集してください。レビュー担当者がこの回答の編集を確認した場合は、承認してください。

9
Click Upvote

@ClickUpvoteの答えは正しくありません。ホストのhtmlページを置き換える必要はありません。スクリプトタグのsrc属性です。または、すべてのGWT RPCリクエストがWebサーバーポート（たとえば8080）ではなくポート9876（コードサーバーが実行されている）に送信されることがわかります。

この問題について話している投稿があります ここ 。

ちなみに私はgwt2.6.1とIntellij13.0.1を使用しています

4
telmo