WebSphere Process Server Business Space Mashup 應用開發：Widget 接線與 Script Adapter 實戰

Business Space (業務空間) V6.2.0.1 引入 Widget Wiring、Script Adapter、Hidden Widget、URL Addressability、Global Page 五大新特性，支援運行時靈活組裝 Mashup 應用。本文以「創建任務」與「我的工作」雙頁面為例，示範如何將獨立 Widget 綁定協作，實現任務分配與 Google 搜索整合。

核心新特性

• Widget Wiring：同頁面 Widget 間事件綁定，源 Widget 發送事件 → 目標 Widget 接收事件。
• Script Adapter：新 Widget 類型，連接兩 Widget 並執行資料轉換邏輯（JavaScript），可隱藏。
• Hidden Widget：運行時不可見但功能正常，適合 Script Adapter 等技術組件。
• URL Addressability：跨頁面 Widget 協作，URL 攜帶目標頁面狀態（Widget 接收事件與內容）。
• Global Page：頁面屬性設為全域，所有用戶可見，解決大量用戶權限管理難題。

環境準備

1. 安裝 WPS V6.0.2.1，建立獨立 Profile，啟用管理安全性（admin/admin）。
2. 高級 Profile 勾選「配置 Business Space」。
3. 啟動 WPS 服務器，Business Space 隨之啟動。

建立業務空間與頁面

1. 登入 https://host:port/BusinessSpace。
2. 建立空間「我的工作空間」。
3. 建立頁面「創建任務」與「我的工作」。

頁面 Widget 佈局

「創建任務」頁面

• 「創建任務」Widget（WPS 預定義）
• 「任務信息」Widget（WPS 預定義）
• 兩者自動綁定，支援任務建立與詳情編輯。

「我的工作」頁面

• 「我的任務」Widget（WPS 預定義，列表顯示）
• 「Script Adapter」Widget（新特性）
• 「Web Site」Widget（通用，顯示網頁）

事件分析與手動接線

事件類型與內容不匹配，需 Script Adapter 轉換。

Script Adapter 配置與 JavaScript 邏輯

1. 「我的工作」頁面 → Script Adapter 下拉 → Widget Wiring：
   源：我的任務 (FocusChanged) → 目標：Script Adapter (接收)
   源：Script Adapter (發送) → 目標：Web Site (displayHtml)
2. Script Adapter 下拉 → 配置，輸入 JavaScript：

var payloadJson = dojo.toJson(payload);
var payloadObj = eval('(' + payloadJson + ')');
var taskId = payloadObj.id;

var xmlhttp = null;
if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
    if (typeof xmlhttp.overrideMimeType != 'undefined') xmlhttp.overrideMimeType('text/xml');
} else if (window.ActiveXObject) {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} else { alert('Browser unsupported'); }

var strUrl = "/rest/bpm/htm/v1/task/" + taskId;
xmlhttp.open('GET', strUrl, false);
xmlhttp.send(null);

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    responseJSON = eval("(" + xmlhttp.responseText + ")");
} else { alert("error"); }

var subjectDescription = responseJSON.description;
var subjectText = subjectDescription.split("：")[1]; // 英文環境用 ":"
return "https://www.google.cn/search?q=" + subjectText;

邏輯：解析任務 ID → 呼叫 WPS REST API 取得任務詳情 → 擷取主題關鍵字 → 返回 Google 搜索 URL。

隱藏 Script Adapter

Script Adapter 下拉 → Convert to Hidden Widget。需顯示時：頁面下拉 → Show All Widget → Script Adapter → Convert to Visible Widget。

運行驗證

1. 「創建任務」頁面：選「查詢」→ 建立 → 填寫詳情（用戶標識為當前用戶，主題「WebSphere 業務空間」）。
2. 「我的工作」頁面：選中剛建立任務 → Web Site Widget 自動顯示 Google 搜索結果。

總結

Business Space V6.2.0.1 以 Widget Wiring、Script Adapter、Hidden Widget 三大特性為核心，打破 Widget 預定義綁定限制，賦予業務人員運行時組裝 Mashup 的能力。配合 URL Addressability 與 Global Page，進一步實現跨頁面協作與權限簡化。此舉顯著降低 IT 介入門檻，加速業務流程敏捷定制。