2010年7月18日 星期日

Google App Engine 教學 04 -- 建立您的第一個 app 程式


工具都準備好了,要怎麼用啊 ^^?

這篇文章,就要用最簡單的方式,
讓您不用寫到一行程式,就可以建立您的第一個app engine程式,

首先如果你 eclipse 程式如果還是停在歡迎畫面(如下圖),
請直接將它關掉就可以了,
(別擔心,以後還可再從工具列 Help 選項中點取 Welcome 叫出)



之後您會看到如下圖的畫面,
只要下紅色方框選取的 按鈕即可,

p.s: Project Explorer 區塊: 以後您新增的專案會出現在這個區域。



之後會跳出下圖的視窗,就參考圖中所描述的步驟去做
這裡我們 Project Name 填入 HelloWorld (其實可以隨你高興取名字)
而 Package 則填入 com.example.helloworld (其實也可以隨你高興,只要符合java的規範)

要注意的是,Google SDK 選項中。
Use Google Web Toolkit 這個方框請先不要選擇,我們還用不到這個功能。
而 Use App Engine 請依定要選取阿 >< , 不然就 .......

之後只要按下 finish 即可自動地建立專案。



專案建立完成之後,會在剛剛的 Project Explore 區塊看到我們所建立的 HelloWorld
我們可以點旁邊的小三角形圖示,將其展開,方便我們查看裡面的內容
展開之後如下圖:


由上圖我們可以知道,到這裡我們已經建立好 HelloWorld 專案了
在專案管理區中(Project Explore),我們看到 HelloWorld 中有個 src 的目錄
這裡面就是放我們的專案Java原始檔,

上面那些檔案是 eclipse 幫我們自動產生的,其實這個專案目前已經可以執行了
您可以試著跑跑看,方法如下圖


當我們按下該執行 HelloWorld 專案的選單後,
您可以看到右下方那個 Console 的頁籤開始有跑很多訊息出來,
並在顯示後停止,

2010/7/18 下午 05:15:52 com.google.appengine.tools.development.DevAppServerImpl start
資訊: The server is running at http://localhost:8888/

如果您有看到如下圖,恭喜您,您的第一個專案已經 "本機電腦" 成功的編譯並執行 !!
並將您的專案部屬在 http://localhost:8888/


您只要打開瀏覽器,並在網址列輸入 http://localhost:8888/ 並且執行
您就可以看到 HelloWorld 專案所輸出的訊息了...


但其實上面那個頁面的資訊,是由一個簡單的 html 網頁 (index.html) 所輸出的。
該檔位存放在 D:\AppEngine\project\HelloWorld\war\index.html
您可由 Project Explore 中 war 的目錄下 點擊該檔案查看其詳細內容。



而當您點擊瀏覽器畫面中的 HelloWorld 連結時,
才是真正的執行到 HelloWorldServlet.java 這個 Servlet



到這裡,恭喜你囉。 你已經寫完第一個簡單的 app engine 程式囉 !!


不過,您或許會問... 不對阿,小橘!!
我看了一下你說的那個 HelloWorldServlet.java 檔案,再研究一下整個架構....
這根本就是 Java Servlet 的寫法嘛.....
而且還只能在本機跑,跟雲端的 google app engine 好像沒啥關西嘛....

別急別急,
下一篇教學小橘會教你們,如何把將專案上傳到 google app engine 上。

<敬請期待囉!!>

沒有留言: