您无需管理网络上所有 8 亿个 WordPress 网站，即可找到有效启动新网站的方法。
克隆现有的 WordPress 设置是快速启动和运行的好方法，Kinsta Managed WordPress Hosting 客户知道在我们的 MyKinsta 仪表板中可以轻松完成此操作。
此外您可以使用
您最喜欢的应用程序开 电报号码列表 发技术和 Kinsta API 大规模克隆 WordPress 网站。在本教程中，我们将使用 API 和 React（众多流行的 JavaScript 库之一）向您展示其工作原理。
我们将构建什么
场景如下：您是一家 WordPress 开发机构，拥有一个或多个可用作起始模板的网站。我们正在构建的 React WordPress 网站克隆应用程序如下所示：
使用 Kinsta API 克隆网站的 React App
使用 Kinsta API 克隆站点的 React 应用程序。
信息
您是不是在赶时间
有底层代码都可以在这个 GitHub 模板中找到。使用它 开始自由职业之前你需要做的三件事 来创建存储库并通过 MyKinsta 部署它，并将您的公司 ID 和 API 密钥添加为环境变量。 （请参阅 Readme.md 文件以获取说明）
先决条件
要学习本教程，您需要对 HTML、CSS 和 JavaScript 有基本的了解，并且熟悉 React。此外，您还需要在计算机上安装 Node.js 和 npm（Node 包管理器）或 yarn。该项目的重点是使用 React 和 Kinsta API 构建 WordPress 克隆应用程序，而不是构建和设计 UI 的细节。
设置开发环境
您可以从头开始创建 React 应用程序并开发自己的界面，或者按照以下步骤使用上述 Git 入门模板：
访问该项目的 GitHub 存储库。
选择使用此模板 > 创建新存储库，将起始代码 选择 DI 时要考虑的因素 复制到 GitHub 帐户中的存储库。 （选中此框以包含所有分支。）
检出本地计算机上的存储库并使用以下命令切换到 starter-files 分支：git checkout starter-files
运行 npm install 命令安装必要的依赖项
安装完成后，您可以使用 npm run start 在本地计算机上启动项目。这将在 http://localhost:3000/ 打开项目。
了解项目文件
src 文件夹是
React 应用程序的核心，因为它包含 webpack 所需的 JavaScript。文件夹里有App.js，这里配置了这个项目的两个路径。
src 文件夹内有组件和页面子文件夹。 components 文件夹包含可重复使用的组件，例如 Header.jsx 和 Footer.jsx，它们在 Home.jsx 和 Operations.jsx 页面中使用。
您的目标是在 Home.jsx 和 Operations.jsx 中实现逻辑，因为样式和路由位于 GitHub 上的启动文件中。
Home.jsx 有一个包含两个字段的表单：您正在创建的网站的名称和一个列出 MyKinsta 帐户中的 WordPress 网站的选择器字段（此列表通过 Kinsta API 检索）。
当单击表单提交按钮（克隆站点）时，将返回一个包含operation_id属性的对象。 ID 和显示名称将作为路径参数传递给 Operations.jsx，在其中报告克隆操作的状态。该界面还将包括访问 WordPress 管理员登录区域和网站主页的链接。