GAE+Python+PyAMF+Flex進階（一）：Python Project + Flex Project

 

完成GAE+Python+PyAMF+Flex入門（一）～（七）之後

各位已經完成系統開發的環境建置工作

接著我們示範如何讓Python跟Flex溝通的方法

這是我跟另外一位朋友研究好幾天才找出來的做法

希望能減少各位摸索的時間～～

P.S. 當然會這麼久是因為我們技術不足的關係.....Orz

如果有前輩對這一系列的文章有任何更好的作法

歡迎給予指導，感謝～～～～～～

 

 

A. 在GAE上建立一個應用程式的空間

1. 連上「https://appengine.google.com/」網站，並輸入帳號、密碼

 

2. 點選「Create an Application」

 

3. 在GAE建立一個應用程式的網址

a. 在「Application Identifier」輸入「helloworldwork」

    而helloworldwork.appspot.com也就是這個程式的網址！

b. 點選「Check Availability」看這個名稱有沒有人用過

    如果沒有人用過的話會顯示類似下圖黃色區域的說明

    「Yes, "helloworldwork” is available!」

c. 此時在「Application Title」輸入這個應用程式的名稱

   不一定要跟「Application Identifier」一樣

   這個名稱是給系統開發者看的，可以隨意打

d. 按「Save」

 

注意：因為helloworldwork已經被我用掉了

          所以要取另外的名字

          要不然系統不會讓你儲存起來！！！

e. 成功的話，會出現以下畫面

     另外，各位可以點選「Add developers to collaborate on

     this application」增加這個應用程式的協同開發者

     新增方式請見附圖一

 

此時我們已經在GAE上預約一個應用程式的空間，不過裡面沒有任何程式

接下來我們透過Eclipse實際開發Python程式

開發完成之後再上傳到剛剛GAE的空間內

 

 

 

B. 建立Python Project （Model）

1. 開啟Eclipse

2. 新增一個GAE的專案

 

3. 這邊不能免俗的來段Hellworld程式吧 : )

在「Project name」輸入「helloworldwork」當做GAE Project的專案名稱

如果你是安裝2.6版的Python的話，請直接點選「Next」

如果你跟我一樣是安裝2.5版的話，請把「Grammar Version」改成2.5，再按「Next」

 

4. 點選「Browse」，選擇當初GAE SDK所在位置

也就是GAE+Python+PyAMF+Flex入門（三）：安裝GAE SDK

第11步驟的位置

這個例子是在「C:\Program Files\Google\google_appengine」

 

5. 正確的話會看到以下畫面，再按「Next」

 

6. 在下圖第一個欄位輸入步驟A.3.「Application Identifier」的名稱

也就是「helloworldwork」

注意：這邊要輸入你在Google網站上設定的名稱！！

在第二個欄位選擇「Empty Project」，再按「Finish」

 

7. 在eclipse建立好GAE Project之後，開始撰寫以下程式

a. app.yaml

 

b. main.py

 

8. 把「C:\PyAMF-0.5.1」底下的「pyamf」複製到「helloworldwork」

目錄下

結果如下圖

 

9. 由於目前Flex跟Python這兩個專案不能用同一個Port來啟動

所以我們把Python的Port改成8888

a. 在「helloworldwork」上點選右鍵

    選擇「Run As」，再點選「Run Configurations」

b. 在下圖「Program arguments」欄位增加「 --port 8888」

    第一次執行時不會出現「helloworldwork」

    先照下面10.a跟10.b動作先執行一次helloworldwork

    eclipse就會幫我們建好「helloworldwork」的執行設定了

 

10. 此時作為Server端的Python程式就已經完成了

我們可以執行以下程序驗證程式是否正確執行

a. 在「helloworldwork」專案上按右鍵

b. 執行「Run As/Pydev: Google App Run」

c. 開啟瀏覽器，在網址列輸入「http://localhost:8888/」

   正確的話會出現以下畫面，表示Server服務已經啟動

d. 另外在網址列輸入「http://localhost:8888/helloworld」

    正確的話會出現以下畫面

進行到這邊恭喜大家已經完成2/3了

接下來接著建立Flex Project作為系統操作介面

 

 

 

C. 建立Flex Project （View）

1. 新增Flex專案

2. 按「File/New/Other」

 

3. 點選「Flex Project」，再按「Next」

 

4. 在「Project name」輸入「helloworldView」

因為下拉選單中沒有Python選項，所以在「Application server type」下選擇「Other」，再按「Next」

 

5. 決定產生swf檔的位置，用預設的位置就可以

按「Next」

 

6. 按「Finish」

 

7. helloworldView.mxml

結果如下

 

8. 在「helloworldView」專案上點選滑鼠右鍵

按「Run As/1 Flex Application」

 

9. 此時eclipse會自動開啟瀏覽器，並顯示連線結果

 

在這個專案，Flex Project跟Python Project可以放在同一個主機上

分別以不同的port來啟動

也可以分別放在不同主機上

如果這兩台主機位於不同網域

就需要另外進行crossdomain.xml的設定

才有辦法正常連線（Flex的安全設計） 

 

 

附圖一：在「Invite a Developer to Collaborate on this

    Application」輸入對方的gmail，再按「Invite」

 

P.S. 終於知道之前卡在莫名其妙的原因了

原來Python專案啟動的port設成8080

   而Flex專案要連Python專案的的部份卻設成80

難怪Flex一直沒辦法從Python抓資料……Orz

 

 

以下為本文的範例程式：

後端（Python Project）：helloworldWork.zip

前端（Flex Project）：helloworldView.zip

 

解壓縮後放置到Eclipse的workspace內

用Import方式匯入即可

 

相關文章 :