WordPress驱动的单页应用程序,具有通用JavaScript
WordPress-driven, single-page app with universal JavaScript
是否可以使用同构/通用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和其他公司已经在做的事情。
相关文章:
- MockJax没有在JavaScript应用程序中发送对我AJAX请求的响应
- 如何远程检查JavaScript应用程序的函数调用堆栈
- Windows 8 Javascript应用程序XML对象
- 将javascript应用程序迁移到使用AMD的提示(例如requirejs)
- 如何使用原型继承编写一个整洁灵活的复杂javascript应用程序
- 我如何知道js文件之间的javascript应用程序代码流
- PHP文件没有't从Javascript应用程序获取$_POST
- 在Windows Metro风格的Javascript应用程序中读取文件内容
- 在前端javascript应用程序中使用DI容器有意义吗
- 将一个主要网站转换为javascript应用程序
- 应该如何将密码从纯html/javascript应用程序发送到php页面
- 集成多个JavaScript应用程序
- Windows 8 HTML5 JavaScript 应用程序中向左滑动的事件名称是什么
- 用于组织大型javascript应用程序的工具和最佳实践
- Meteor(JavaScript应用程序平台)|向用户帐户添加数据
- 有没有一种方法可以在IE8中解决我的Rails javascript应用程序.js的问题
- Javascript应用程序作为具有外部依赖关系的AMD模块
- 如何从我的HTML/JavaScript应用程序中引用jQuery
- 基于Rails的javascript应用程序的安全性:如何在渲染的javascript中验证用户的权限
- 使用ajax的javascript应用程序的身份验证模型