Drupal 的前端框架——帮助你做出更好的选择

您是否还在怀疑您的 Web 应用程序是否真的需要前端框架？ 随着 React、Angular、Vue、Backbonejs、Emberjs 和 jQuery 等名称进入技术市场，为您的 Drupal 网站选择最佳前端框架是另一个难题。 请继续阅读以找到这些热门问题的答案，这些问题可以帮助您在为 Drupal 网站选择最佳前端框架时做出更好的决定。

为什么需要前端框架？

今天的世界与我小时候梦想的东西很接近。 一个由设备、它们使用的技术以及它们改变未来的潜力组成的世界。 新的界面和设备带来了彻底的变化，以改变我们所知道的网络。 人工智能和物联网等技术已经开始在数字世界中建立并产生影响。 这种影响改变了我们对无缝、功能丰富的网站未来的看法。

然而，虽然新的支持网络的设备继续占据主导地位，但我们已经发展了我们为网络开发的方式。 尽管内容保持不变，但根据要求和复杂性，交付内容会有所不同。 下一代用户体验已经到来，网站有望无缝即时运行。

有了这样的要求，很难坚持使用旧的解决方案。 虽然使用纯 HTML 和 CSS 构建复杂但令人敬畏的 UI/UX 并非不可能，但实现一个前端框架确实会随着前端的增长而减少一些体积和混乱。 毫不奇怪，大多数像 Airbnb、GitHub、福布斯、Netflix、Pinterest、PayPal 等提供出色用户体验的大佬都实施了流行的前端框架，如 React、Angular 和 Vue。

无头 Drupal 和前端框架

虽然 Drupal 可以很好地处理后端，但它的前端功能并不那么灵活。 对现代、复杂、动态和类似应用程序的前端界面的需求催生了我们所知的无头 Drupal 或解耦 Drupal。 在无头 Drupal 架构中，开发人员可以灵活地自行构建前端，而无需使用 Drupal。 虽然 Drupal 仍然充当后端存储库，但前端框架可以通过 API 调用与数据库对话。

但是您如何为您的 Drupal 网站选择合适的前端框架呢？ 虽然每个框架都有自己的优缺点，但选择在很大程度上取决于项目的需求和业务要求。 让我们详细讨论一下。

AngularJS

列表中最受欢迎的前端框架 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 高效执行并提高网站的性能。
• 使用内置状态管理实时监控开发进度是一个额外的优势。
• Vue JS 遵循面向组件的开发风格，具有现代工具和支持库。 凭借简单易用的语法，第一次使用它的人会发现它很容易采用。
• VueJS 是 Github 上最热门的 JS 框架之一。
• 它得到了一个很棒的社区的大力支持，并在 PHP 社区中得到了采用，这在维护良好的文档方面做得很好。

Drupal 和 VueJS

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 等现代库的集成提供了所有必要的现代机制，这些机制在构建无缝、丰富的用户体验方面做得很好。