WordPress驱动的单页应用程序,具有通用JavaScript

WordPress-driven, single-page app with universal JavaScript

本文关键字:JavaScript 应用程序 单页 WordPress      更新时间:2023-09-26

是否可以使用同构/通用JavaScript技术(使用React和Angular2等框架)交付WordPress驱动的单页应用程序?

在使用React构建了几个单页应用程序之后,我将尝试为将来可能在这里工作的其他人回答这个问题。

通用/同构JavaScript

如果你还不熟悉这个流行词(Airbnb和Medium上的文章使其成为主流),它本质上指的是在服务器端和客户端呈现JavaScript的能力。

JavaScript MVC框架的缺陷

单页应用程序已经变得非常流行,主要是因为它们能够提供更流畅的用户体验——类似于桌面和移动应用程序(例如,无需重新加载页面)。

然而,第一代框架(如Angular和Backbone)有一个主要缺点:它们依赖于客户端渲染。这带来了一些问题:

  • 如果用户禁用了JavaScript,则根本不起作用
  • 搜索引擎无法抓取(尽管谷歌现在在处理JavaScript方面取得了重大进展)
  • 用户最初会收到一个空白页面,同时等待内容呈现超过8秒(或更长时间)
  • 社交分享受到阻碍(没有预览)

今天的解决方案

较新的框架/库(包括Angular2和React)除了支持客户端渲染外,还能够支持服务器端渲染(当与后端的Node.js一起使用时)。

其想法是,最初通过服务器提供内容,然后将路由传递给客户端。这项技术让你两全其美——一个搜索引擎友好的应用程序,可以立即加载,不需要重新加载页面。

WordPress的发展

WordPress现在正朝着成为一个成熟的应用程序框架的方向发展,并正在将WPRESTneneneba API添加到WordPress核心中。这(与上述技术相结合)使我们能够在使用WordPress为我们的数据提供服务的同时创建真正通用的应用程序。事实上,这正是WordPress和其他公司已经在做的事情。