雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

雲端運算-Google App Engine 程式開發入門

一、申請「應用服務引擎」帳戶
(1) 連結至 Google App Engine，http://code.google.com/intl/zh-TW/appengine
並點選「申請」字樣，進行「應用服務引擎」帳戶相關設定

(2) 點選「Create an Application」，建立新的應用服務

第1頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(3) 設定「Country and Carrier」和「Mobile Number」

Google 將寄送授權碼至手機，後續需以該授權碼進行認證

(4) 輸入剛才收到的授權碼至「Enter Account Code」

第2頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(5) 設定應用服務 ID「Application Identifier」，下列以「chi-hua」為例

輸入完成後，可以點選「Check Availability」，確認此 ID 是否可以使用
後續將把應用服務架設於「http://chi-hua.appspot.com」，可於此存取服務
設定應用服務標題「Application Title」 ，下列以「Chi-Hua Application」為例
設定完成後勾選「I accept these terms.」，並且點選「Create Application」

(6) 應用服務建立完成畫面

第3頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

二、安裝「Java SDK」
(1) 下載「Java SDK」安裝程式，建議下載 Java SE 6 版本，
連結至 http://www.oracle.com/technetwork/java/javase/downloads/index.html

(2) 以 Windows 為例，Platform 選擇「Windows」，並點選同意和「Continue >」

第4頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(3) 下載「jdk-6u23-windows-i586.exe」檔案

(4) 下載完成後，執行安裝程式，並點選「Next >」

第5頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(5) 設定安裝路徑，並點選「Next >」進行安裝

(6) 安裝過程畫面如下，完成後點選「Finish」結束程式

第6頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

三、安裝「Eclipse」開發環境
(1) 連結至 Eclipse IDE for Java Developers，下載並解壓縮 Eclipse 檔案
http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/rel
ease/helios/R/eclipse-java-helios-win32.zip

(2) 執行「eclipse.exe」程式，開啟 Eclipse 開發環境

第7頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(3) 點選「Help\Install New Software…」

(4) 點選「Add…」

第8頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(5) 設定網站資訊，其中 Location 資訊的部分要依 Eclipse 版本進行設定，

本 例 為 Eclipse 3.6 ， 故 設 定 方 式 為 ： Name 為 「 GAE 」， Location 為
「http://dl.google.com/eclipse/plugin/3.6」

(6) Work with 設定為「GAE」

，選擇 Plugin 和 SDKs 等項目後點選「Next >」進
行安裝

第9頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(7) 點選「Next >」進行後續安裝

(8) 勾選「I accept the terms of the license agreement」

，並點選「Finish」完成安裝

第 10 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(9) 安裝過程

(10) 點選「OK」繼續安裝

(11) 安裝完成後，點選「Restart Now」重新啟動 Eclipse 即可進行 Google App

Engine 之應用程式開發

第 11 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

四、「Google App Engine」應用服務開發案例

(1) 開啟「eclipse.exe」，並點選「File\New\Project…」進行專案開發

(2) 選擇「Web Application Project」，並點選「Next >」建立新專案

第 12 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(3) 設定 Project name 為先前設定之應用服務名稱，本例為「chi-hua」

設定 Package，可依喜好設定，本例為「com.myapp」，
完成設定後點選「finish」，產生新專案

(4) 於「war」資料夾按滑鼠右鍵，並選擇「New\File」新增檔案

第 13 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(5) 新增 JSP 檔，本例命名為「index.jsp」，並點選「Finish」完成新增

(6) 於「index.jsp」撰寫主程式內容
<%="This is my application"%>

第 14 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(7) 於「web.xml」修改<welcome-file-list>內容
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>

(8) 於專案點選滑鼠右鍵，並點選「Run As\Web Application」執行程式

第 15 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(9) 點選「OK」，執行程式

(10) 啟動執行環境

第 16 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(11) 開啟瀏覽器，並輸入網址為「http://location:8888/」即可瀏覽執行結果

(12) 以下進行網頁接收參數之實作撰寫，修改「index.jsp」主程式內容
參數名稱為「url」，參數預設內容為「www.google.com.tw」
並執行程式，即可於網頁中顯示輸入參數之網頁路徑
<%
String url = "www.google.com.tw";
if(request.getParameter("url") != null)
url = request.getParameter("url").toString();
out.println("http://" + url);
%>

第 17 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(13) 開啟瀏覽器，並輸入網址為「http://localhost:8888/?url=www.nctu.edu.tw」
在網頁中即會顯示「http://www.nctu.edu.tw」

(14) 以下進行 URL 擷取 API 之實作撰寫，修改「index.jsp」主程式內容

參數名稱為「url」，參數預設內容為「www.google.com.tw」
可於網頁中顯示輸入參數之網頁內容
<%@ page contentType="text/html;charset=big5" language="java" %>
<%@ page import="com.google.appengine.api.urlfetch.*" %>
<%@ page import="javax.servlet.http.*" %>
<%@ page import="java.net.URL" %>

<%
try {
String string = "www.google.com.tw";
if(request.getParameter("url") != null)
string = request.getParameter("url").toString();
string = "http://" + string;
URL url = new URL(string);
URLFetchService urlFetchService =
URLFetchServiceFactory.getURLFetchService();
HTTPRequest req = new HTTPRequest(url, HTTPMethod.GET);
HTTPResponse res = urlFetchService.fetch(req);
out.print(new String(res.getContent(), "big5"));
} catch (Exception e) {out.print("error!");}
%>

第 18 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(15) 開啟瀏覽器，並輸入網址為「http://location:8888/?url=www.nctu.edu.tw」
在網頁中即會顯示國立交通大學之首頁內容

第 19 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

五、發佈應用服務至「Google App Engine」

(1) 點選「 」發佈應用服務

(2) 設定 Project 相關屬性，首先點選「App Engine project settings…」

第 20 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(3) 設定 Application ID 為「chi-hua」，並點選「OK」

(4) 設定 Deploy Project 相關屬性，設定 Project 為「chi-hua」，並輸入 Gmail 的

帳號密碼，完成後點選「Deploy」

(5) 點選「Yes」繼續發佈專案

第 21 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(6) 發佈服務成功畫面

(7) 可於 Google 應用服務引擎中存取發佈之應用服務

本例之路徑為「http://chi-hua.appspot.com/?url=www.nctu.edu.tw」

第 22 頁
 雲端運算-Google App Engine 程式開發入門 編輯者：陳志華

(8) 可在 Google 應用服務引擎中點選「Quota Details」查詢目前的使用量

第 23 頁