一步一步學Mule ESB——（第二篇：Ajax篇）

待完成功能

1. 使用Ajax請求向後端發送請求
2. 把網頁的資料轉換成請求的處理流
3. 使用XSL and Mule Transformers轉換成Google API可以理解的格式
4. 建立一個Google API的拼字檢查，處理網頁輸入
5. 返回XML資料到頁面
6. 實施一個Jetty伺服器在流程中

建立工程

建立工程ajaxflow，然後在ajaxflow.mflow中加入以下組件：

　　　　　　　　　　　　　　圖：ajax請求流程

添加和配置Ajax介面

在ajaxflow.mflow中選擇Global Elements：

　　　　圖：選擇全域元素

點擊Create，出現Choose Global Type視窗。

開啟Connectors，然後選擇Ajax

　　　　　　　　　　　　圖：選擇介面中的Ajax

分別在Server URL和Resource Base中輸入:

http://127.0.0.1:8090/Ajax

和 src/main/app/docroot

　　　　　　　　　　　　圖：Ajax設定

點擊OK完成就可以在列表中看到Ajax介面了。

　　　　　　　　　　圖：Ajax介面

然後雙擊flow中的Ajax元素，配置Ajax Endpoint，設定Channel：

　　　　　　　　　　圖：Channel設定

然後設定引用：

選擇我們上邊設定的Ajax全域介面。

配置XSLT轉換

下載xsl檔案：

transform.xsl file

儲存進你的MuleStudio > examples > AjaxSpellChecker > TransformFile目錄中

然後右鍵工程，選擇Import，選擇File System，匯入剛才儲存好的transform.xsl，將匯入的檔案放到工程的src\main\app目錄下。

做完上面的步驟，雙擊XSLT transformer會出現Pattern Properties視窗，配置如下參數：

　　　　　　　　　　　　圖：轉換屬性配置

配置Http請求

雙擊HTTP Endpoint出現Endpoint Properties視窗。

進行設定如下：