開發端到端的Ajax應用程式，第3部分:整合、測試和調試應用程式

在本系列的前兩部分中，設定了一個開發環境，它由 LAMP 風格的運行時和 Eclipse IDE 組成。定義了一個虛構的銀行情境以示範重要的 Ajax 概念。然後，完成了情境的一部分，包括建立資料庫、中介層 PHP 邏輯和一個簡單 XHTML 以提供一個單頁面瀏覽器 GUI，還提供了 CSS 樣式代碼和幾個 XML HTTP Request（XHR）公用程式函數。在本系列的第三篇（也就是最後一篇）中，我們要用 JavaScript 實現 Ajax 用戶端邏輯，從而完成這個情境的其餘部分。還要用 PHP 構建一個 Representational State Transfer（REST）請求分配器以完成客戶的銀行任務，比如存款、取款和股票組合價值查詢。還要用 PHP 開發一個 SOAP（Simple Object Access Protocol）Web 服務客戶機，用它訪問一個真實的第三方（免費）Web 服務。您將看到如何把本系列中開發的所有組件（XHTML、CSS、JavaScript、PHP、Web 服務客戶機和 MySQL）整合起來。最後，本文解釋用 LAMP 風格的運行時部署、測試和調試情境的基本方法。到那時，我們就完成了一個比較複雜的端到端情境樣本，它示範了 Ajax 客戶機、Apache-PHP-MySQL 運行時和相關的 Eclipse IDE 的強大特性。

簡介

在開始學習本文之前，要確保（本系列 第 2 部分 中開發的）Bank 情境工件 Bank DB、Bank Logic 和 Bank Portal 在 Eclipse IDE 中保持原樣。這些工件包括建立和填充資料庫的 SQL 指令碼；提供資料庫訪問的 PHP 代碼；以及單頁面瀏覽器應用程式所需的 XHTML、CSS 和 XHR。用這些工件編寫的代碼只提供了 圖 1 所示的銀行情境的一部分功能。還缺少將這些已經開發的工件組合起來的組件。如果預覽 XHTML 檔案，就會看到它在一個瀏覽器視窗中顯示應用程式特有的各個 UI 螢幕。仍然需要編寫適當的用戶端 JavaScript 邏輯以整合這些 UI 螢幕，產生單頁面瀏覽器應用程式的效果。在用戶端代碼中，還需要添加適當的 XHR 非同步通訊邏輯。如果沒有用戶端 JavaScript 代碼，就無法執行銀行出納員功能。

圖 1. 銀行情境

您可能會注意到，提供特定銀行出納員功能的所有 HTML 表單都將使用者資料發送給一個基於 REST 的中介層服務。我們將在另一個 PHP 模組中實現這個服務，這個模組接受銀行出納員的瀏覽請求，包括存款、取款和當前股票組合價值查詢。這個 PHP 模組作為銀行操作的請求分配器，它解析銀行出納員的請求並調用適當的 Bank Logic 函數以處理這個請求。您會看到用 PHP 編寫這樣的 REST 服務是多麼容易。

在開發用於 REST 請求指派的 PHP 服務之後，我們的重點將轉到一個可以通過互連網訪問的基於 .NET 的 Web 服務。這個免費的 Web 服務提供給定股票的當前價格。我們將在 PHP 中介層中開發一個 Web 服務客戶機，這樣就可以從基於 PHP 的銀行操作請求分配器遠程調用這個 Web 服務，從而獲得股票的報價。然後，銀行操作請求分配器將用當前股票價格調用 Bank Logic PHP 模組，計算出給定帳戶持有人的當前股票組合價值。您將學習使用 SOAP 訪問 Web 服務的技術，還要學習 XML 和 JavaScript Object Notation（JSON）這兩種流行的資料交換格式。