Eclipse中的GWT專案啟動內部Jetty開發模式讓外部電腦訪問

 GWT的專案在Eclipse中選擇以其內部Jetty執行開發模式(GWT Development Mode with Jetty)時，如需透過外部另一台電腦的瀏覽器連線，在啟動專案時需要做些設定：

            1. 開啟Eclipse的Run Configurations或是Debug Configurations。

            2.   在左側選取GWT Development Mode (DevMode)底下要讓外部連線的GWT專案，如果該專案未曾執行過，則在GWT Development Mode (DevMode)選項點滑鼠右鍵，選擇New，然後在右側的Main分頁，Project的部份選擇要執行讓外部連線的GWT專案。

            3.    切換到(x)=Arguments分頁，在Program arguments內容的部份，加入以下：

                                -bindAddress 192.168.100.131

                            其中的192.168.100.131請更換成自己電腦的IP位址。

           4.    完成後點選Apply按鈕，執行專案後，外部電腦即可透過IP訪問到專案的網頁。

        **注意** 如還是無法訪問，請查看電腦的防火牆是否有檔掉。

升級Eclipse版本後開啟舊的GWT專案Workspace

以新版的Eclipse開啟舊版Eclipse所建立的Workspace時，會有一些警告的提示，主要是詢問是否要將此Workspace升級成新版，這有可能造成舊版的Eclipse無法再開啟此Workspace之類的警告提示。既然要用新版的Eclipse了，就按下Continue把Workspace一併升級吧。

開啟此Workspace後我們會發現，一些舊版的Eclipse上安裝的外掛程式對應的編輯區的Tab都變紅色的圖示，沒關係，把它們都關了吧，不會有甚麼問題，不然就是待我們安裝回外掛後就會顯示回正常的樣子了。

接下來我們要做的就是安裝GWT的外掛程式。

開啟功能列的Help -> Eclipse Marketplace，然後用關鍵字"GWT"搜尋，然後選擇安裝GWT Eclipse Plugin。

安裝過程中，要注意的是，為了方便性，它預設可以讓我們一起下載GWT的SDK。如果我們電腦中之前已經有下載過GWT的SDK了，就可以不必勾選，安裝完外掛之後再去設定GWT的SDK路徑就行了。如果之前沒有下載過GWT的SDK或是電腦重灌了，那就選擇勾選，一併安裝吧。

安裝的過程中，會跳出一個使用授權的條款提示，選擇I accept the terms of the license agreements，同意接受。

再來還會跳出一個安全性提示，說我們在安裝的軟體包含了一些未簽屬的內容，所以無法確定此軟件的真實性或有效性。我們選擇Install anyway，繼續執行安裝。

安裝完畢之後，會詢問是否重新啟動Eclipse以確保讓安裝的外掛正常執行，我們就選擇重新啟動吧。

重啟完畢之後，就會發現在工具列中，多了一個GWT的按鈕選項，表示GWT的外掛程式安裝成功。

如果我們在上述安裝GWT外掛的過程中選擇連同GWT的SDK一同安裝，此時就會有一個

The project XXX does not have any GWT SDKs on its build path

的錯誤訊息在下方的Markers分頁的Problem中。

我們在Project Explorer中選中XXX的專案，右鍵執行Build Path中的Configure  Build Path…，然後在跳出的視窗中選擇Java Build Path項目，右側的Libraries分頁中，應該會有一個

Persisted container[com.google.gwt.eclipse.core.GWT_CONTAINER/gwt-前版本for project [XXX]]

的項目，把它移除掉。

在移除掉該項目之後，會產生出其它如下的錯誤訊息，但我們不必理會它。

接著在工具列中選擇Window -> Preferences，然後在跳出的視窗中選擇GWT項目中的GWT Settings，右側選擇Add，加入電腦中GWT SDK的目錄位置。

選擇GWT SDK的主目錄之後，按下OK，回到上一個視窗，再按下Apply and Close。

再來我們準備對專案加入GWT的SDK環境。我們再次於Project Explorer中選中XXX的專案，右鍵執行Build Path中的Configure  Build Path…，然後在跳出的視窗中選擇Java Build Path項目，右側的Libraries分頁中，選擇Add Library，跳出的視窗中選擇GWT之後，按下Next。

在跳出的視窗中，選擇要為專案加入的GWT SDK的版本，然後按下Finish，回到原視窗中再按下Apply and Close結束。

完成了對專案加入GWT SDK的設定之後，我們在Project Explorer中選中XXX的專案，右鍵執行GWT -> Compile，準備對該專案執行GWT編譯，但是跳出的視窗顯示XXX is not a GWT project的錯誤訊息。

這時候按Cancel取消，回到原畫面，然後在Project Explorer中選中XXX的專案，右鍵執行

GWT -> Settings，在跳出的視窗上方勾選Use GWT的選項，然後按下Apply and Close。

回到原畫面，對專案進行Refresh，然後在工具列中選擇Project -> Clean…，對專案執行Clean，然後在Project Explorer中選中XXX的專案，右鍵執行GWT -> Compile，準備再次對該專案執行GWT編譯，我們發現在跳出的視窗原先顯示的XXX is not a GWT project的錯誤訊息已經消失了，可以開始對專案正常執行GWT Compile。

 

如果專案有出現黃色驚嘆號顯示

Unknown referenced nature: com.google.gwt.eclipse.core.gwtNature.

可以在Project Explorer中取專案，右鍵執行Properties，在跳出的視窗中，選擇Project Natures項目，在右側的框框中把com.google.gwt.eclipse.core.gwtNature (missing)的項目移除掉。