您现在的位置：程式碼之家 >> 編程語言 > >> Java 程式設計 >> Java 相關知識

Flash Remoting 增強 J2EE 表現層：富客戶端與企業後端的完美整合

編輯：Java 相關知識

表現層技術選型困境

技術	優點	缺點
JSP/HTML	部署容易、無客戶端安裝	跨瀏覽器行為難控制、互動性弱
Swing/Applet	豐富 UI、行為可控、分擔伺服器負載	需 JRE 與瀏覽器外掛、下載啟動慢、版本相容性問題
DHTML	開放免費、跨瀏覽器、輕量	瀏覽器差異大、需大量 Hack、維護複雜、彈性有限

需求：輕量瀏覽器部署 + 高互動控制 + 整合既有 J2EE 後端 → Macromedia Flash + Flash Remoting MX

Flash Remoting MX 架構

Gateway Servlet：標準 WAR 部署於任意 J2EE 應用伺服器，映射 ActionScript 物件至 Java 物件
客戶端 ActionScript 庫 (NetServices)：處理連線、服務查詢、非同步呼叫與回呼
AMF (Action Message Format)：二進制訊息格式，透過 HTTP 傳輸，比 SOAP 更精簡、效能更高

整合實戰步驟

1. 客戶端連線與服務綁定

// 載入 NetServices 庫
#include "NetServices.as"

// 設定 Gateway URL (web.xml 中 servlet-mapping 為 /gateway)
NetServices.setDefaultGatewayUrl("https://localhost/mx/gateway");

// 建立連線
gatewayConnection = NetServices.createGatewayConnection();

// 綁定 Java 類別 com.tallan.data.providers.FlashDemo 為服務 tallanDataService
tallanDataService = gatewayConnection.getService("com.tallan.data.providers.FlashDemo", this);

// 呼叫遠端方法
tallanDataService.getReportData();

2. 非同步回呼處理

遠端方法回傳值觸發同名 _Result 函數：

function getReportData_Result(result) {
    trace(result); // 除錯輸出
    // 進一步處理 result (XML Document, Array, 基本型別...)
}

3. 伺服端 Java 實作範例

public class FlashDemo {
    public Document getReportData() {
        DocumentBuilder builder = DocumentBuilderFactory.newInstance().newDocumentBuilder();
        Document doc = builder.newDocument();
        Element root = doc.createElement("graph");
        Element point1 = doc.createElement("point");
        point1.setAttribute("xvalue", "February");
        point1.setAttribute("yvalue", "20");
        root.appendChild(point1);
        doc.appendChild(root);
        return doc; // 自動序列化為 AMF 傳回
    }
}

Flash 內建 XML 解析與圖形化優勢

客戶端原生支援 XML DOM 解析，零額外庫負擔
ActionScript 輕鬆走訪 XML 節點，提取資料繪製圖表
社群提供免費圖形庫（柱狀圖、折線圖、餅圖等），快速構建視覺化儀表板

客戶端 XML 解析範例

function parseXML() {
    nodes = reportXML.nodes; // 取得子節點陣列
    for (j=0; j<nodes.length; j++) {
        if (nodes[j].nodeName == "graph") {
            childNodes = nodes[j].nodes;
            for (k=0; k<childNodes.length; k++) {
                if (childNodes[k].nodeName == "point") {
                    xAxisvalue.push(childNodes[k].attributes.xvalue);
                    yAxisvalue.push(childNodes[k].attributes.yvalue);
                }
            }
        }
    }
    // 繪圖邏輯...
}

Flash 圖形化輸出範例