WordPress.com 开源，弃 PHP 改用 JavaScript("WordPress.com 转向开源，弃用 PHP 全面拥抱 JavaScript")

原创

ithorizon 7个月前 (10-20) 阅读数 15 #后端开发

WordPress.com 转向开源，弃用 PHP 全面拥抱 JavaScript

在当今互联网技术飞速进步的时代，技术迭代和更新换代已经成为常态。近日，WordPress.com 宣布了一个重大的技术转变：弃用 PHP，全面拥抱 JavaScript。这一决定不仅意味着 WordPress.com 将采用全新的技术栈，而且还将其核心功能开源，为整个开发社区带来了新的机遇和挑战。

一、WordPress.com 的进步历程

WordPress 是一款广受欢迎的开源博客平台，自 2003 年发布以来，已经进步成为全球最大的内容管理系统（CMS）之一。WordPress.com 则是由 WordPress 的创始人马特·穆伦维格（Matt Mullenweg）创立的托管服务，旨在为用户提供更便捷的博客搭建和运营体验。

WordPress 最初是基于 PHP 语言开发的，其插件和主题系统为用户提供了充足的定制功能。然而，随着互联网技术的进步，PHP 的性能和可扩展性逐渐成为 WordPress 进一步进步的瓶颈。

二、JavaScript 的崛起

JavaScript 是一种广泛应用于网页开发的脚本语言，近年来，随着前端技术的进步，JavaScript 的地位日益凸显。Node.js 的出现，允许 JavaScript 可以在服务器端运行，极大地拓展了其应用范围。

在 WordPress.com 的决策者看来，JavaScript 的以下优势使其成为替代 PHP 的理想选择：

高性能：JavaScript 的异步编程模型，使其在处理高并发请求时具有更高的性能。

跨平台：JavaScript 可以在多种操作系统和设备上运行，降低了开发成本。

充足的生态系统：JavaScript 拥有庞大的开发者社区和充足的第三方库，便于开发。

三、WordPress.com 的技术转型

WordPress.com 的技术转型并非一蹴而就，而是经历了长时间的规划和准备。以下是 WordPress.com 在转型过程中的一些关键步骤：

1. 重构前端

WordPress.com 的前端工程师们开端使用 React、Vue 等现代前端框架，重构现有的 PHP 代码。以下是一个明了的 React 组件示例：


function Welcome(props) {
  return 
Hello, {props.name}
;
}
ReactDOM.render(
  ,
  document.getElementById('root')
);

2. 服务器端渲染

为了实现高性能的网页加载，WordPress.com 的工程师们采用了 Node.js 进行服务器端渲染。以下是一个明了的 Node.js 服务器端渲染示例：


const express = require('express');
const React = require('react');
const ReactDOMServer = require('react-dom/server');
const app = express();
app.get('/', (req, res) => {
  const element = React.createElement(Welcome, { name: 'WordPress.com' });
  const html = ReactDOMServer.renderToString(element);
  res.send(`${html}`);
});
app.listen(3000, () => console.log('Server is running on port 3000'));

3. 数据库迁移

WordPress.com 的数据库迁移是一个复杂化的过程，涉及到将原有的 PHP 数据库迁移到新的 JavaScript 数据库。以下是一个明了的数据库迁移示例：


const mysql = require('mysql');
const sqlite3 = require('sqlite3').verbose();
// 连接 MySQL 数据库
const mysqlConnection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'wordpress'
});
// 连接 SQLite 数据库
const sqliteConnection = sqlite3.connect('wordpress.db');
// 从 MySQL 数据库读取数据
mysqlConnection.query('SELECT * FROM posts', (err, results) => {
  if (err) throw err;
  // 将数据写入 SQLite 数据库
  results.forEach(row => {
    sqliteConnection.run('INSERT INTO posts (id, title, content) VALUES (?, ?, ?)', [row.id, row.title, row.content]);
  });
  // 关闭数据库连接
  mysqlConnection.end();
  sqliteConnection.close();
});