前後端分離開發

Liferay 前後端分離開發，是在保留 Liferay 入口平台、權限、內容、使用者與整合能力的基礎上，讓前端介面可依專案需求採用 React、Vue、Angular、Web Components 或其他前端技術開發。

這種方式適合需要高度客製化操作介面、獨立前端部署、跨系統資料整合，或希望讓前端團隊與後端平台團隊分工開發的企業應用。

由 Liferay 提供內容、文件、使用者、站台與自訂物件等資料服務，前端透過 API 取得資料。

將前端應用以客戶端擴充方式掛入 Liferay 頁面，降低對傳統 Portlet 或 Theme 的依賴。

搭配 Liferay 既有登入、角色與權限架構，讓前端應用在安全控管下存取平台資料。

Liferay 為什麼適合前後端分離？

傳統 Liferay 開發常會使用 Portlet、JSP、FreeMarker、Theme 或 Fragment 完成前端畫面。前後端分離並不是取代所有既有開發方式，而是在需要更高互動性、更彈性的前端工程流程時，提供另一種開發選擇。

Headless API 模式	Liferay 作為資料與服務來源，前端網站、行動 APP 或外部系統透過 REST API / GraphQL 存取內容、文件、使用者或自訂物件資料。適合跨通路內容發布、APP 串接、外部網站讀取平台資料。
Client Extension 模式	將前端應用封裝後掛入 Liferay 頁面，讓應用可以在 Liferay 頁面中呈現，同時保留入口平台的登入、權限、頁面管理與導覽整合能力。
混合式開發模式	一般內容頁、導覽頁仍使用 Liferay 原生 CMS / Fragment / Theme；高度互動的功能區塊，則採用前端框架或 Client Extensions 開發。這是企業專案中較務實的導入方式。

Portlet 開發	適合與 Liferay 後端服務、權限、流程、資料模型深度整合的企業功能。若功能需要大量使用 Liferay 原生服務，Portlet 仍是穩定且完整的開發方式。
前後端分離開發	適合介面互動複雜、前端更新頻繁、需要獨立部署，或需要使用現代前端框架打造操作體驗的功能。
建議做法	不必把所有功能都改成前後端分離。企業專案可依頁面與功能性質，混合使用 Liferay 原生開發、Portlet、Fragment、Client Extensions 與 Headless API。

如果您的平台需要高度客製化前端、跨系統資料整合，或希望以 Liferay 作為企業入口與資料服務平台，景佳科技可協助評估適合的開發方式與導入架構。