Drupal 網站的前端框架——如何做出正確的選擇？

已發表: 2018-05-10

今天的世界與我小時候夢想的東西很接近。一個由設備、它們使用的技術以及它們改變未來的潛力組成的世界。新的界面和設備帶來了徹底的變化，以改變我們所知道的網絡。隨著人工智能、物聯網等開始在數字世界中建立並產生影響。這種影響改變了我們對無縫、功能豐富的網站未來的看法。

然而，雖然新的支持網絡的設備繼續佔據主導地位，但我們已經發展了我們為網絡開發的方式。儘管內容保持不變，但根據要求和復雜性，交付內容會有所不同。有了這樣的要求，很難堅持使用舊的解決方案。這就是為什麼在 Drupal 中達成一致的原因：現在是實施前端框架以獲得更好性能的時候了。這催生了“無頭 Drupal”，這是一種開發人員在不使用 Drupal 的情況下自行構建前端的架構。

但是你如何選擇正確的框架呢？讓我們詳細討論一下。

角JS

作為列表中最受歡迎的前端框架，Angular JS 在與 Drupal 交互時是開發人員的最愛。它使他們能夠創建功能豐富的動態 Web 應用程序，並使 Drupal 能夠更有效地工作，從而形成一個動態、安全且引人入勝的 Drupal 網站。這個由 Google 本身支持的開源框架允許您處理用戶的瀏覽器，而無需從您的服務器獲取數據。

開發人員喜歡 Angular 的事情

重量極輕，可擴展，具有廣泛的功能。
交互式框架，其強大功能的結果，如雙向綁定，允許用戶操作立即觸發應用程序對象。
開發人員喜歡 HTML，而且 AngularJS 使用可以輕鬆重用、修改或擴展的純 HTML 模板這一事實使他們能夠構建交互式功能豐富的 Web 應用程序。
由於具有客戶端性質，AngularJS 在處理網絡攻擊方面做得很好，因為任何想要破壞安全性的數據都無法靠近服務器。
大量的社區支持，提供答案、教程和用例，以及完善的文檔。

Drupal 和 AngularJS

隨著用戶期望與日俱增，解耦 Drupal 或眾所周知的無頭 Drupal 已成為當今數字世界的常態。這個想法是利用Drupal的靈活性和強大的後端能力，同時使用一個前端框架來處理瀏覽器端。有什麼比交互式 AngularJS更好的選擇來與瀏覽器進行對話，而 Drupal 負責填充後端的功能。

此外，AngularJS 在從其某些邏輯中卸載 Drupal 並幫助 Drupal 在後端有效運行方面做得很好。通過將顯示邏輯移至客戶端並簡化後端，將產生一個更好更快的站點。

VueJS

由前 Google 員工 Evan You 創建，這個令人難以置信的可採用 JS 迅速獲得了開發人員的認可。一個用於構建現代 Web 界面的javascript 庫，它提供具有簡單靈活的 API 的數據反應組件。

開發人員喜歡 Vue 的事情

憑藉淺淺的學習曲線和組件模型，Vue 站在巨人的肩膀上，通過簡單的 API 提供響應式數據綁定和可組合視圖組件的好處。
React 最好的 - 虛擬 DOM 和 Angular 最好的 - 雙向綁定的組合，允許 VueJS 高效執行並提高網站的性能。
使用內置狀態管理實時監控開發進度是一個額外的優勢。
VueJS 遵循面向組件的開發風格，具有現代工具和支持庫。憑藉簡單易用的語法，第一次使用它的人會發現它很容易採用。
VueJS 是 Github 上最熱門的 JS 框架之一。
它得到了一個很棒的社區的大力支持，並在 PHP 社區中得到了採用，這在維護良好的文檔方面做得很好。

Drupal 和 Vue JS

Vue 允許開發人員使用官方 Vue-Resource 插件請求和存儲 Drupal 內容作為數據對象。

與 Vue 相結合，Drupal 可以在後端展示其魔力，而 JS 的引人注目的功能則可以處理客戶端。 Vue 中的組件系統是其最強大的功能之一，它允許構建包含小型且獨立的可重用組件的大型應用程序。

ReactJS

ReactJS 與其說是一個框架，不如說是一個庫，用於構建基於可重用組件概念的用戶界面，旨在通過將 DOM 替換為虛擬 DOM 結構來解決由 DOM 緩慢造成的問題。作為一個由 Facebook 維護的開源項目，ReactJS 是一些大型公司的首選，可提供快速無縫的客戶端用戶體驗。

開發人員喜歡 React 的事情

從本質上講，ReactJS 非常可讀且易於理解，因此更容易理解組件如何從其源文件呈現。
ReactJS 在將 HTML 和 JavaScript 結合到 JSX 中做得很好，這對開發人員來說是一項巨大的資產，因為消除了 HTML 和 JS 之間的複雜性。
借助 Virtual DOM，React 可以通過監控輕量級虛擬 DOM 以高效的方式輕鬆處理大量數據。
渲染速度極快，ReactJS 是構建快速面向公眾的應用程序和網站的絕佳選擇，這些應用程序和網站流暢並提供一流的 UI 體驗。
大量適當的文檔、寶貴的工具、附加組件等可供開發人員使用，這得益於 Facebook 對 React 開發的持續貢獻。
它得到了一個很棒的社區的大力支持，並在 PHP 社區中得到了採用，這在維護良好的文檔方面做得很好。

Drupal 和 ReactJS

使用 React 處理 UX 複雜性同時依靠 Drupal 處理內容的混合方法可以是一個額外的優勢，它可以輕鬆實現 Drupal 和 React 組件的一致映射

對於 Drupal，阻礙其性能的主要弱點之一是它使用和向最終用戶顯示內容結構的方式。當用戶交互很複雜，甚至 Twig 與 JQuery 的組合不足以匹配複雜性時，這就會失控。但是，與 React 等現代庫的集成提供了所有必要的現代機制，這些機制在構建無縫、豐富的用戶體驗方面做得很好。