WordPress.com 使用 JavaScript 替换掉 PHP

  • Abel Avram
  • 董志南

2015 年 12 月 2 日

话题:JavaScriptPHPHTML5架构文化 & 方法

近期,WordPress.com 已经用 Web 技术和 RESTful 后端 API 来替换原来使用 PHP 编写的管理后台。

当提到为什么 WordPress.com 决定将管理后台的编写语言从 PHP 换成 JavaScript 时WordPress.com的母公司,Automattic Inc. 的创始人兼 CEO Matt Mullenweg说道:该管理平台的建立已经难以适应即将到来的工作变化,并且也不利于 WordPress 的优势发挥。这次调整所影响到的主要部件是系统的管理主界面,该界面在 3.8 版本时已经有过一次重建,但这次重建却让 Mullenweg 觉得“渐进式的调整并不会给我们想要的重大改进。”他还补充道,“向后的兼容性问题以及没有采用 JavaScript”才是造成系统界面成为现在这个样子的主要原因。

Automattic 决定重新回到 2014 年来使用 Web 技术——JavaScript、HTML、CSS、Node.js、React、Flow、WebPack、Babel,并且通过 RESTful API 来访问后端,从而打造一个名为Calypso的全新管理界面。Calypso 项目负责人 Andy Peatling 还曾写过一篇文章,阐述了对于一家使用 PHP/MySQL 的公司改用 JavaScript 有多么重要的意义。刚开始他们只有几个高级 JavaScript 程序员来推动这个项目,其他人都是“被迫”参与 Calypso 项目的。他们刚开始还使用了 Trac 作为项目管理工具,并且只做很少量的代码审查。当他们开始使用 GitHub 以及提交代码后的 Pull Request System 时,代码审查才让他们意识到“内部的协作原来还能这么简单,以及个人工作完成后如何获取更多更好的反馈。”尽管有些人最初是被迫加入到这个项目当中的,代码审查还是“极大地增强了整个代码库的质量并且帮助所有人在 JavaScript 的技巧上有了明显的提升。”20 多个月后,他们也从最初的 7 名开发人员增加到 127 名开发人员,并产生了 26000 次的代码提交。整个团队都实现了持续的内部融合。

全新的系统界面是一个单页面的应用系统,该系统具有响应式设计,并可适应于多种尺寸的屏幕大小。根据该系统的功能比较表,Calypso 由于具有接近即时页面加载,即时发布,多目标页内预览,无需重载、实时应用变更等功能而变得更加迅速。

Peatling 评论道,使用 JavaScript 响应式设计的其中一项好处是创建桌面端或手机客户端应用程序比原来更容易了。

“在 2015 年中,Calypso 代码库已经足够优秀以至于可以在网络浏览器之外进行使用。由于 Calypso 项目完全是由 Javascript,HTML 和 CSS 编写而成的,因此它能通过创建轻量级的 Node.js 服务器进而在设备本地运行。通过使用名为 Electron 的技术,我们建立了本地的桌面客户端,并在系统内部运行相同的代码。我们首先建立 Mac 版的桌面客户端,该客户端现在已经可以提供下载,很快我们就会上线 Windows 版和 Linux 版的桌面程序。当我看到这些程序逐个上线,并且内部已经开始使用的时候,真的开始觉得之前我们为了构建 Calypso 代码库所付出的所有辛苦都得到了证明。”

Automattic 已经对Calypso 项目的源码进行了开放,但是 Mullenweg 称,他们仍然有“一堆问题去解决插件、扩展性、贡献、Windows 和 Linux 发行版、API 速度、本地化等问题以及深度融合 the WordPress.com API 和 WP-API 以便于它能更好地与 Core WordPress 进行协作。”当然,他们也将问题留给开发者社区来决定是否用 Core WordPress 中的 Calypso 所包含的内容来替换当下的管理界面

根据 W3Techs 的最新统计表明,WordPress 如今被全世界 1/4 的内容管理系统所使用,相比于它们 2011 年的数据提高了 13%。

查看英文原文:WordPress.com Replaces PHP with JavaScript


感谢张龙对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们,并与我们的编辑和其他读者朋友交流(欢迎加入 InfoQ 读者交流群InfoQ 好读者(已满),InfoQ 读者交流群(#2)InfoQ 好读者)。

JavaScriptPHPHTML5架构文化 & 方法