2008年7月30日 星期三
FLEX + AMFPHP 安裝初體驗 Ⅰ
安裝初體驗所使用到的軟體套件：
1. XAMPP -- WAMP 架站套件不二選
2. AMFPHP -- flash RIA 與 PHP 效能最佳的 AMF 整合套件
3. Aptana -- 非常棒又是開源免費的 IDE ，即使是商業版相較於其它同級軟體仍是便宜上一截
4. FLEX Builder -- Adobe Flex 官方的 IDE，或者只下載FlexSDK 也可以(IDE用Apatna，甚至Notepad++)
安裝文件參考網址：
1.http://www.sephiroth.it/tutorials/flashPHP/flex_remoteobject/
安裝步驟：
1. 安裝 XAMPP，例 c:\xampp\
2. 複製 AMFPHP 套件包至 XAMPP 路徑底下，例 c:\xampp\htdocs\amfphp2\
2-1. 安裝 Aptana 軟體，並新增一個 amfphp2 專案
2-2. 如 sephiroth 站步驟2，在 c:\xampp\htdocs\amfphp2\services\ 下新增一個 tutorials 目錄，並在其底下新增一個 HelloWorld.php 檔案
2-3. 在瀏覽器網址列上輸入 http://localhost/amfphp2/browser/ 它可以幫你檢視/偵錯 程式狀態，附圖便是 HelloWorld.php 在 amfphp 內的工作情況。
3-1. 安裝 Flex Builder，並新增專案 FlexPHP 於 XAMPP 路徑底下，例 c:\xampp\htdocs\FlexPHP\
3-2. 點選 FlexPHP 專案的properties，接著在Properties對話視窗中的左方選單，點選 Flex Build path ，再點選 Library path 書籤，再展開 flex library ，確認 rpc.swc 這個檔案是否存在。
3-3. 如 sephiroth 站步驟3，參考其程式碼，在 FlexPHP 專案 src 路徑下新增 services-config.xml ，要特別注意的是在第17行，在endpoint 的 url 值 我們必須將其修改為http://localhost/amfphp2/gateway.php ：
3-4. 再至 FlexPHP 專案的 properties 對話視窗中左方選單點選 Flex Compiler，在 Additional compiler arguments 加入 -services "services-config.xml"
3-5. 如 sephiroth 站步驟3.1，並參考其程式，在FlexPHP專案src路徑下新增 main.mxml 檔，接著 Run (Ctrl+F11) 就可以在預設的瀏覽器中看到執行畫面：
OK,我們已經佈署好 Flex + AMFPHP 的基本環境，並成功的完成初步的測試，接下來我們再作複雜一點的：FLEX + AMFPHP 安裝初體驗 Ⅱ。
1. XAMPP -- WAMP 架站套件不二選
2. AMFPHP -- flash RIA 與 PHP 效能最佳的 AMF 整合套件
3. Aptana -- 非常棒又是開源免費的 IDE ，即使是商業版相較於其它同級軟體仍是便宜上一截
4. FLEX Builder -- Adobe Flex 官方的 IDE，或者只下載FlexSDK 也可以(IDE用Apatna，甚至Notepad++)
安裝文件參考網址：
1.http://www.sephiroth.it/tutorials/flashPHP/flex_remoteobject/
安裝步驟：
1. 安裝 XAMPP，例 c:\xampp\
2. 複製 AMFPHP 套件包至 XAMPP 路徑底下，例 c:\xampp\htdocs\amfphp2\
2-1. 安裝 Aptana 軟體，並新增一個 amfphp2 專案
2-2. 如 sephiroth 站步驟2，在 c:\xampp\htdocs\amfphp2\services\ 下新增一個 tutorials 目錄，並在其底下新增一個 HelloWorld.php 檔案
2-3. 在瀏覽器網址列上輸入 http://localhost/amfphp2/browser/ 它可以幫你檢視/偵錯 程式狀態，附圖便是 HelloWorld.php 在 amfphp 內的工作情況。
3-1. 安裝 Flex Builder，並新增專案 FlexPHP 於 XAMPP 路徑底下，例 c:\xampp\htdocs\FlexPHP\
3-2. 點選 FlexPHP 專案的properties，接著在Properties對話視窗中的左方選單，點選 Flex Build path ，再點選 Library path 書籤，再展開 flex library ，確認 rpc.swc 這個檔案是否存在。
3-3. 如 sephiroth 站步驟3，參考其程式碼，在 FlexPHP 專案 src 路徑下新增 services-config.xml ，要特別注意的是在第17行，在endpoint 的 url 值 我們必須將其修改為http://localhost/amfphp2/gateway.php ：
3-4. 再至 FlexPHP 專案的 properties 對話視窗中左方選單點選 Flex Compiler，在 Additional compiler arguments 加入 -services "services-config.xml"
3-5. 如 sephiroth 站步驟3.1，並參考其程式，在FlexPHP專案src路徑下新增 main.mxml 檔，接著 Run (Ctrl+F11) 就可以在預設的瀏覽器中看到執行畫面：
OK,我們已經佈署好 Flex + AMFPHP 的基本環境，並成功的完成初步的測試，接下來我們再作複雜一點的：FLEX + AMFPHP 安裝初體驗 Ⅱ。
FLEX + AMFPHP 安裝初體驗 Ⅱ
接下來我們所作的是使用了Flex的 ArrayCollection 及 [RemoteClass] 的較複雜的範例：
1. 如 sephiroth 站步驟3.1，在Aptana的amfphp2專案 services/tutorials/ 路徑下新增一個 Person.php ：
2. 在 Person.php 程式碼第9行：
3. 在Aptana 的 amfphp2/services/tutorials/ 路徑下，新增 PersonService.php 如 sephiroth 站步驟3.1 第3段程式碼：
4. 在 FlexPHP 專案 src 路徑底下，新增 mainComplex.mxml 檔案，程式碼如 sephiroth 站步驟 3.1.1 所示，接著按 RUN(CTRL+F11) 即可以在預設的瀏覽器下看到執行畫面如下：
接著我們繼續討論 FLEX + AMFPHP + MySQL 的實作初體驗
1. 如 sephiroth 站步驟3.1，在Aptana的amfphp2專案 services/tutorials/ 路徑下新增一個 Person.php ：
2. 在 Person.php 程式碼第9行： var $_explicitType ="tutorials.Person";
變數 $_explicitType 內的值是告訴 amfphp 這個 class 會去找對應 flash 的相等路徑下的同名 class，所以我們在FlexPHP專案 src 路徑下新增一個 tutorials 目錄，並在其底下新增 Person.as ，如 sephiroth 站步驟3.1 第2段程式碼：
3. 在Aptana 的 amfphp2/services/tutorials/ 路徑下，新增 PersonService.php 如 sephiroth 站步驟3.1 第3段程式碼：
4. 在 FlexPHP 專案 src 路徑底下，新增 mainComplex.mxml 檔案，程式碼如 sephiroth 站步驟 3.1.1 所示，接著按 RUN(CTRL+F11) 即可以在預設的瀏覽器下看到執行畫面如下：
接著我們繼續討論 FLEX + AMFPHP + MySQL 的實作初體驗
訂閱：
文章 (Atom)
發表文章
