终极 WordPress 本地开发备忘单

已发表: 2023-02-14

想要在不翻阅文档的情况下设置本地 WordPress 开发环境? 我们的 WordPress 本地开发备忘单将帮助您快速智能地启动和运行!

在这个“简单”的实用指南中,我们将简要介绍什么是 WordPress 本地开发以及使用它的一些主要好处,然后我们将直接介绍如何设置本地环境、在您的计算机上安装 WordPress计算机,并在上线前测试您的网站。

本指南涵盖以下内容:

  • 什么是 WordPress 本地开发?
  • WordPress本地开发的好处
  • 设置本地开发环境
    • 你需要什么
    • 安装本地服务器软件
    • 设置虚拟主机
    • 为本地 WordPress 安装创建数据库
  • 在本地安装 WordPress
    • 在本地服务器上下载和安装 WordPress
    • 配置 wp-config.php 文件
  • 将实时 WordPress 站点导入本地环境
    • 导出实时站点的数据库
    • 将实时站点的数据库导入本地服务器
    • 替换数据库中的 URL
    • 将直播站点的文件上传到本地环境
  • 在本地 WordPress 站点上开发和测试
    • 进行更改和测试
    • 调试
    • 测试不同的插件和主题
  • 将本地 WordPress 站点部署到实时服务器
    • 导出本地站点的数据库
    • 将数据库导入实时服务器
    • 将本地站点的文件上传到实时服务器
    • 更新数据库中的 URL
  • 本地开发与 Webhost 暂存环境
    • 当地发展环境的优势
    • 本地开发环境的缺点
    • Webhost 暂存环境的优点
    • Webhost 登台环境的缺点

什么是 WordPress 本地开发?

WordPress 本地开发允许您创建一个开发环境,用于在您的计算机上构建、工作和测试 WordPress 站点,而不会影响您的实时站点。

本地开发环境复制生产服务器,从而可以在将更改推送到实时站点之前测试不同的场景并解决问题。

地方发展的好处

WordPress 本地开发的一些主要优势包括:

  • 安全测试环境:本地开发环境提供了一个安全空间来测试新功能、插件和主题,而不会影响您的实时站点。
  • 速度、性能和效率:本地开发环境比远程服务器更快、响应更快。 这是因为它运行在你的电脑上,所以你的电脑访问和处理数据的速度比服务器快得多,而且你的机器和服务器之间的通信没有延迟。
  • 成本效益:设置本地开发环境消除了对昂贵的托管服务的需求,并降低了与将更改部署到实时站点相关的成本。 您只需要一台计算机和一个文本编辑器即可开始使用。
  • 改进的协作:多个开发人员可以同时处理一个项目,而不会干扰彼此的工作。
  • 离线开发:使用本地开发环境,即使您处于离线状态也可以开发您的站点。
  • 提高安全性:有一个你想从事的“绝密”项目吗? 由于本地开发环境在您的机器上运行,因此它比远程服务器更安全,因此您可以在您的站点上构建和工作,远离窥探。 没有未经授权的访问或黑客攻击的风险。

如果您刚刚开始作为 WordPress 开发人员,请参阅我们的 WordPress 本地开发介绍一文。 如果您已经比较有经验,请查看我们关于在本地环境中改进 WordPress 开发工作流程的方法的文章。

设置本地开发环境

在您可以设置本地 WordPress 开发环境之前,您需要做一些事情。

你需要什么

除了拥有足够存储空间和处理能力的计算机来支持您的开发工作外,您还需要搭建本地开发环境:

本地服务器软件

您将需要安装一个本地服务器软件来运行您的本地开发环境。

XAMPP、MAMP 和 WAMP 是三个流行的选项。 这些本地服务器软件包中的每一个都为 Web 开发人员提供了一个完整的开发环境,其中包含所有必要的组件(例如 Apache Web 服务器、MySQL 数据库和 PHP 脚本语言,在一个单独的包中)、一个用于管理这些组件的控制面板和一个管理数据库的工具。

但是,每个软件包也有其独特的功能和关键差异,因此选择满足您特定需求的软件包非常重要。

让我们简要地看一下每一个:

XAMPP

XAMPP
XAMPP

XAMPP 是一款免费、开源且易于安装的 Web 服务器软件,可为 Web 开发人员提供本地开发环境。 它代表 Apache、MariaDB、PHP 和 Perl,是 XAMPP 的四个主要组件。

XAMPP 的一些关键特性(和优点):

  • 包括 Apache Web 服务器、MariaDB 数据库以及 PHP 和 Perl 脚本语言。
  • 支持多种操作系统,包括 Windows、Mac 和 Linux。
  • 易于使用的控制面板,用于管理 Web 服务器和数据库组件。
  • 选择安装其他组件,例如用于数据库管理的 phpMyAdmin。

缺点:

  • 不如 MAMP 或 WAMP 流行,因此社区支持可能不那么强大。
  • 与 MAMP 或 WAMP 相比,设置更复杂,需要更多技术知识来安装和配置组件。

XAMPP 最适合需要具有多个组件的完整开发环境并且熟悉配置和管理这些组件的 Web 开发人员。 它也最适合在多个操作系统上工作并需要跨平台解决方案的开发人员。

MAMP

MAMP
MAMP

MAMP 是一个本地服务器软件,为 Web 开发人员提供开发环境。 它代表 Macintosh、Apache、MySQL 和 PHP,是 MAMP 的四个主要组件。

MAMP 的一些关键特性(和优点):

  • 包括 Apache Web 服务器、MySQL 数据库和 PHP 脚本语言。
  • 受 macOS 操作系统支持,但也可用于基于 Windows 的操作系统。
  • 易于使用的控制面板,用于管理 Web 服务器和数据库组件。
  • 选择安装其他组件,例如用于数据库管理的 phpMyAdmin。

缺点:

  • 只能使用PHP脚本语言。
  • 与 XAMPP 相比,组件更少,这可能会限制某些开发人员的需求。

MAMP 最适合在 macOS 操作系统上工作的 Web 开发人员。

有关使用此选项的更多信息,请查看我们关于如何使用 MAMP 在本地开发 WordPress 的教程。

Wamp服务器

Wamp服务器
Wamp服务器

WAMP 是一种本地服务器软件,为 Web 开发人员提供开发环境。 它代表 WAMP 的四个主要组件 Windows、Apache、MySQL 和 PHP。

WAMP 的一些主要特性(和优点):

  • 包括 Apache Web 服务器、MySQL 数据库和 PHP 脚本语言。
  • 支持视窗操作系统。
  • 易于使用的控制面板,用于管理 Web 服务器和数据库组件。
  • 选择安装其他组件,例如用于数据库管理的 phpMyAdmin。

缺点:

  • 仅支持 Windows,因此使用 macOS 或 Linux 的开发人员可能需要寻找其他地方。
  • 与 XAMPP 相比,组件更少,这可能会限制某些开发人员的需求。

WAMP 最适合在 Windows 操作系统上工作并且需要具有基本组件的完整开发环境的 Web 开发人员。

有关此选项的更多信息,请查看我们关于如何使用 WAMP 在本地开发 WordPress 的教程。

虽然 XAMPP、MAMP 和 WAMP 都是寻找本地开发环境的 Web 开发人员的绝佳选择,但还有其他可用选项,包括 Local by Flywheel、DesktopServer 和(如果您需要在多台机器上本地处理 WordPress)甚至从 USB 安装和运行 WordPress。

文本编辑器

您需要的另一个组件是用于 WordPress 开发的文本编辑器,专为使用 PHP 等编程语言而设计。 文本编辑器对于编辑代码和更改您的网站至关重要。

让我们看一下文本编辑器的几个流行选项:

崇高的文字

崇高的文字
崇高的文字

Sublime Text 是一种流行的文本编辑器,被开发人员广泛用于编码和脚本编写。 它提供了一个干净、快速和直观的界面,可以轻松处理大型代码库。

Sublime Text 的一些关键特性:

  • 超过 80 种编程语言的语法突出显示和代码完成
  • 可定制的配色方案、键绑定和宏
  • 高级搜索和编辑工具,例如多选、拆分编辑和列编辑
  • 使用特定于项目的设置系统在项目之间即时切换

对于从事需要用 HTML、CSS 和 JavaScript 编写代码的项目的开发人员来说,Sublime Text 是一个很好的工具。 它提供易于使用的语法突出显示、代码完成和编辑工具,使编码过程快速高效。

视觉工作室代码

视觉工作室代码
视觉工作室代码

Visual Studio Code 是由 Microsoft 开发的免费开源代码编辑器。 它提供了一系列功能和工具来帮助开发人员创建和管理大型项目。

Visual Studio Code 的一些关键特性:

  • IntelliSense,一种智能且高级的代码完成和调试工具
  • 内置 Git 支持和调试
  • 支持多种编程语言并拥有庞大的扩展库
  • 可定制的界面和工作区

有关其他文本编辑器,请参阅我们的 WordPress 开发最佳文本编辑器列表。

您是否勾选了以上所有要求?

电脑符合要求的规格
选定的本地服务器软件
选定的文本编辑器

伟大的! 然后让我们继续下一步……

安装本地服务器软件

对于此示例,我们将在 Windows 操作系统上安装 XAMPP。 使用下面描述的相同过程在您的计算机上安装您选择的本地服务器软件,并按照软件包的特定说明进行操作:

  1. 下载 XAMPP :转到 XAMPP 官方网站并下载适用于 Windows 的最新版本的 XAMPP。
  2. 安装 XAMPP :双击下载的文件开始安装过程。 运行下载的安装程序文件并按照屏幕上的说明安装 XAMPP。 默认情况下,XAMPP 将安装在C:\xampp目录中。
  3. 启动 XAMPP :安装后,从“开始”菜单或桌面快捷方式打开 XAMPP 控制面板。 通过单击每个模块旁边的“开始”按钮启动 Apache 和 MySQL 模块。
  4. 验证安装:要验证 XAMPP 是否正常工作,请打开 Web 浏览器并导航至http://localhost 。 这应该会显示 XAMPP 欢迎页面。
  5. 创建虚拟主机:要创建虚拟主机,请按照下面列出的步骤操作。

现在应该在您的机器上安装和配置了 XAMPP。 您已准备好开始在本地开发和测试您的网站。

注意:安装 XAMPP 或其他本地服务器软件(如 MAMP 或 WAMP)的过程可能会因所使用的操作系统而略有不同。 对于 Mac 和 Linux 操作系统,您可以按照 XAMPP 网站上提供的安装说明进行操作。

有关设置 XAMPP、升级 XAMPP、排除 XAMPP 故障以及将 WordPress 从 XAMPP 本地主机迁移到 Web 的更多信息,请参阅我们的其他 XAMPP 相关教程。

设置虚拟主机

在本地开发环境中设置虚拟主机允许开发人员在他们的本地机器上运行多个网站,每个网站都有自己唯一的 URL。 这提供了更真实的测试环境,并且更容易在不同项目之间切换。

有关在本地开发环境中设置虚拟主机并开始测试网站的分步指南:

1.打开 Apache 配置文件:打开本地服务器软件的配置文件。 对于此示例,我们使用 XAMPP,因此打开 Apache 配置文件,该文件通常位于/etc/httpd/conf/httpd.confC:\xampp\apache\conf\httpd.conf

2.启用虚拟主机:找到标有“# Virtual Hosts”的部分并通过删除行开头的哈希符号 (#) 取消注释以下行: #Include conf/extra/httpd-vhosts.conf

3.配置虚拟主机:打开虚拟主机配置文件,通常位于/etc/httpd/conf/extra/httpd-vhosts.confC:\xampp\apache\conf\extra\httpd-vhosts.conf

4.添加新的虚拟主机:通过创建具有以下格式的新代码块来添加新的虚拟主机:

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

做这个:

  • 将“example.local”替换为虚拟主机所需的 URL。
  • 将“/path/to/document/root”替换为虚拟主机文档根目录的完整路径。

5.更新hosts文件:hosts文件将域名映射到IP地址。 要通过您指定的 URL 访问虚拟主机,您需要在主机文件中添加一个条目。 主机文件通常位于/etc/hosts or C:\Windows\System32\drivers\etc\hosts 。 添加具有以下格式的新行: 127.0.0.1 example.local 。 将“example.local”替换为虚拟主机配置中指定的 URL。 保存对配置文件的更改。

6.重新启动 Apache :重新启动 Apache 本地 Web 服务器以应用更改。

7.测试虚拟主机:通过在网络浏览器中访问 URL 来测试您的虚拟主机。 浏览器应该显示虚拟主机的文档根目录的内容。

为本地 WordPress 安装创建数据库

在本地设置 WordPress 项目之前的下一步是为您的本地开发环境创建一个数据库。

按照这些分步说明在 XAMPP 中创建数据库:

1.打开 XAMPP 控制面板:从开始菜单或桌面快捷方式打开 XAMPP 控制面板。 确保 Apache 和 MySQL 模块正在运行。

2.访问 phpMyAdmin :要访问 phpMyAdmin,请打开 Web 浏览器并导航至http://localhost/phpmyadmin 。 这将在您的浏览器中打开 phpMyAdmin 界面。

3.创建新数据库:在phpMyAdmin 界面中,单击“数据库”选项卡。 在“创建数据库”部分,输入新数据库的名称并选择“utf8mb4_general_ci”排序规则。 然后,单击“创建”按钮。

4.创建新用户:要为数据库创建新用户,请单击“用户”选项卡,然后单击“添加用户”按钮。 在“添加用户”表单中,输入新用户的用户名和密码,并选择“本地”作为主机。 确保通过选中“授予数据库的所有权限”复选框来授予用户所有权限。 最后,单击“开始”按钮。

5.保存您的详细信息:记下或保存您的数据库名称、用户名和密码。 稍后您将需要这些来将数据库连接到 WordPress。

完成上述步骤后,您将成功为本地 WordPress 安装和本地开发环境创建数据库。

您现在可以在本地开发和测试 WordPress 站点时使用此数据库来存储和管理数据。

您是否完成了上述所有步骤?

安装本地服务器软件
设置虚拟主机
创建数据库

伟大的! 然后让我们继续下一步……

在本地安装 WordPress

现在我们已经准备好了本地环境,下一步就是下载、安装和配置 WordPress。

在本地服务器上下载和安装 WordPress

请按照以下步骤完成此过程:

  1. 访问 WordPress 网站:前往 WordPress.org 官方网站,然后单击“下载 WordPress”按钮以下载最新版本的 WordPress。
  2. 提取存档:WordPress 下载将是一个压缩的 ZIP 文件。 将存档的内容提取到计算机上的目录中。
  3. 将提取的文件移动到本地服务器:将提取目录的内容移动到本地服务器的根目录。 例如,如果您使用的是 XAMPP,这在 Windows 上通常是C:\xampp\htdocs ,在 macOS 上通常是/Applications/XAMPP/htdocs
  4. 创建数据库:(注意:如果您一直在跟进,则此步骤应该已经完成​​。)在安装 WordPress 之前,您需要创建一个数据库。 您可以使用诸如 phpMyAdmin 之类的工具执行此操作,大多数本地服务器软件(例如 XAMPP 和 MAMP)都包含该工具。
  5. 开始安装:打开您的 Web 浏览器并导航至http://localhost/wordpress (或本地服务器的等效 URL)。 这将启动 WordPress 安装过程。
  6. 选择语言:在第一个屏幕上,选择您喜欢的语言,然后单击“继续”按钮。
  7. 填写数据库信息:在下一个屏幕上,填写您在第 4 步中创建的数据库信息。这包括数据库名称、数据库用户名和数据库密码。
  8. 填写站点信息:在下一个屏幕上,填写您本地 WordPress 站点的信息。 这包括站点标题、用户名、密码和电子邮件地址。
  9. 运行安装:填写完所有信息后,单击“安装 WordPress”按钮运行安装。
  10. 登录您的站点:安装完成后,使用您在第 8 步中创建的用户名和密码登录您的本地 WordPress 站点,开始自定义和开发您的本地站点。

您现在已经成功下载并安装了 WordPress。

在将网站部署到实时服务器之前,您现在可以开始在本地自定义和开发您的网站,享受本地开发环境的所有优势。

配置 wp-config.php 文件

wp-config.php文件是设置本地 WordPress 安装和本地开发环境的重要组成部分。 此文件包含控制 WordPress 如何与您的数据库和其他重要设置交互的配置设置。

如果您按照上面的安装说明进行操作,您的数据库凭据将自动添加到wp-config.php文件中。

如果出于任何原因需要手动配置wp-config.php文件,请按照以下说明操作:

1.创建一个wp-config.php文件:如果您的本地 WordPress 安装还没有wp-config.php文件,您可以通过复制wp-config-sample.php文件并将其重命名为wp-config.php

2.更新数据库凭据:打开wp-config.php文件并使用适当的信息更新以下行:

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

database_namedatabase_userdatabase_password替换为您在上一步中创建数据库和用户时使用的值。

3.设置 WordPress 安全密钥:WordPress 安全密钥通过加密存储在 cookie 中的信息,为您的网站增加一层额外的安全保护。 您可以在官方 WordPress 站点生成一组安全密钥。 复制生成的密钥并将它们粘贴到您的wp-config.php文件中,替换已经存在的占位符密钥。

4.启用调试:对于本地开发,在WordPress中启用调试很有用。 这将提供更详细的错误消息和警告,可帮助您解决站点问题。 要启用调试,请将以下行添加到您的 wp-config.php 文件中:

define( 'WP_DEBUG', true );

5.保存更改:对wp-config.php文件进行更改后,保存文件并关闭它。

成功配置wp-config.php文件将确保您本地安装的 WordPress 站点能够连接到数据库,是安全的,并在您在本地开发和测试站点时提供有用的调试信息。

将实时 WordPress 站点导入本地环境

如果您需要将实时 WordPress 站点导入本地环境,请按照以下步骤操作:

导出实时站点的数据库

要导出实时站点的数据库,您需要有权访问实时站点的服务器。

以下是导出实时站点数据库的步骤(注意:不同的服务器环境会以不同的方式执行此操作,但大多数应该遵循类似的过程):

  1. 登录到您的实时服务器的控制面板
  2. 访问数据库:第一步是访问实时站点的数据库。 您可以使用诸如 phpMyAdmin 之类的工具来执行此操作,该工具通常由您的网络托管服务提供商提供。 查找名为“数据库”的部分,然后单击“phpMyAdmin”。
  3. 选择数据库:登录 phpMyAdmin 后,从左侧面板中为您的实时站点选择数据库。
  4. 导出数据库:单击“导出”按钮开始导出过程。
  5. 选择导出格式:在导出屏幕上,选择“快速”导出方法,选择“SQL”格式并确保选中“结构”和“数据”选项。
  6. 下载导出文件:单击“开始”按钮将导出文件下载到您的计算机。

导入数据库到本地服务器

要将实时站点的数据库导入本地服务器,请确保您选择的本地服务器软件已安装在您的计算机上。

以下是将实时站点的数据库导入本地服务器的步骤:

  1. 在本地服务器软件中打开 phpMyAdmin :登录到本地服务器的 phpMyAdmin,然后选择您为本地 WordPress 安装创建的数据库。
  2. 导入数据库:点击“导入”按钮,从刚刚下载的导出文件中导入数据。
  3. 选择导入文件:在导入屏幕上,单击“选择文件”按钮,选择刚刚下载的导出文件,然后单击“开始”按钮开始导入过程。

替换数据库中的 URL

导入实时站点的数据库后,您需要替换数据库中的 URL 以匹配您本地的开发环境。

以下是替换数据库中 URL 的步骤:

1. 在您的本地服务器软件中打开 phpMyAdmin。
2. 从左侧面板中选择导入的数据库。
3. 单击“SQL”选项卡。
4. 在文本区域输入以下查询:

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. 将“http://www.livesite.com”替换为你的直播站点的URL,将“http://local.livesite.com”替换为你本地开发环境的URL。

6. 单击“开始”按钮执行查询。

将直播站点的文件上传到本地环境

要将实时站点的文件上传到本地环境,您需要具有对实时站点服务器的 FTP 访问权限。

按照以下步骤将实时站点的文件上传到您的本地环境:

  1. 使用 FileZilla 等 FTP 客户端连接到您的实时站点的服务器。
  2. 导航到服务器上实时站点的根目录。
  3. 将所有文件下载到本地计算机。
  4. 将下载的文件放在本地开发环境的根目录下,一般在XAMPP或其他本地服务器软件中的“htdocs”或“www”文件夹下。

笔记:

  1. 如果您已经安装了 WordPress,则上述文件夹不会为空,系统会提示您替换现有文件和目录,因此请替换除wp-config.php文件之外的所有文件以保持相同的配置,包括已连接的已填充实时站点数据的数据库。
  2. 在将实时站点的文件上传到本地环境之前,您可能需要更改文件权限以使本地服务器软件可以写入文件。
  3. 此外,请确保在进行任何更改之前测试您的本地 WordPress 备份。

就是这样! 您现在已成功将实时站点导入本地 WordPress 安装和本地开发环境。

在本地 WordPress 站点上开发和测试

您终于准备好使用与实际站点相同的数据在本地开发和测试您的站点,为您提供真实的测试和开发环境。

让我们来看看这个过程:

进行更改和测试

  1. 登录本地 WordPress 站点:在 Web 浏览器中打开本地 WordPress 站点,然后使用管理员凭据登录 WordPress 仪表板。
  2. 更改站点:您可以通过编辑主题、插件或自定义代码来更改本地 WordPress 站点。 只需从 WordPress 仪表板访问这些元素。
  3. 测试更改:对本地 WordPress 站点进行更改后,测试更改以确保它们按预期工作非常重要。 您可以通过访问站点的前端并检查更改是否生效来测试更改。

调试

  1. 使用调试模式: WordPress 有一个内置的调试模式,可以更容易地识别和解决您网站上的问题。 要启用调试模式,您需要将以下代码添加到您的 wp-config.php 文件中: define( 'WP_DEBUG', true ); .
  2. 检查错误日志:如果您的本地 WordPress 站点出现问题,您可以检查错误日志以查看是否有任何错误消息或警告消息可以帮助您确定问题。 错误日志可以在 WordPress 调试日志文件中找到,该文件位于 wp-content 目录中。
  3. 使用调试工具:有许多适用于 WordPress 的调试工具和插件可以帮助您识别和解决站点上的问题。 例如,Query Monitor 插件提供了有关数据库查询、插件使用等的详细信息。 请参阅本教程以获取有关调试 WordPress 的帮助:调试 WordPress:如何使用 WP_Debug

测试不同的插件和主题

在本地 WordPress 站点上安装、激活和测试插件和主题的工作方式与在任何其他常规 WordPress 站点上的工作方式完全相同。 因此,请确保在测试模式下执行以下操作:

  1. 安装插件:在您的本地 WordPress 站点上安装插件,以向您的站点添加新特性或功能。 要安装插件,请登录 WordPress 仪表板,转到插件部分,然后单击添加新按钮。
  2. 激活插件:安装后激活您正在测试的插件,以便在您的站点上使用它。 要激活插件,请转到 WordPress 仪表板的插件部分,然后单击要使用的插件旁边的激活按钮。
  3. 测试插件:激活插件后,测试插件以确保其按预期工作非常重要。 通过访问您网站的前端并检查插件是否生效来测试插件。
  4. 安装主题:在本地 WordPress 站点上安装主题以更改站点的外观。 要安装主题,请登录 WordPress 仪表板,转到“外观”部分,然后单击“主题”按钮。
  5. 激活主题:安装主题后激活主题以更改站点的外观。 要激活主题,请转到 WordPress 仪表板的外观部分,然后单击要使用的主题旁边的激活按钮。
  6. 测试主题:激活主题后,测试主题以确保其按预期工作非常重要。 通过访问您站点的前端并检查主题是否已生效来测试主题。

您是否已在本地站点上进行了所需的所有更改、调试了问题并测试了不同的插件和主题?

伟大的! 现在您已准备好让您的本地 WordPress 网站上线。

将本地 WordPress 站点部署到实时服务器

此过程的最后一步是将所有本地 WordPress 文件和数据库导出到您的实时托管环境,并确保您网站的所有更改、配置和 URL 在您的实时网站上正常运行。

导出本地站点的数据库

按照以下步骤将本地 WordPress 站点导出到实时服务器:

  1. 使用 PHPMyAdmin 登录到本地站点的数据库。
  2. 选择要导出的数据库。
  3. 转到“导出”选项卡。
  4. 选择“快速”导出方法。
  5. 选择“SQL”格式。
  6. 单击“开始”将 SQL 文件下载到您的计算机。

将数据库导入实时服务器

按照以下步骤将本地 WordPress 数据库的导出文件导入您的实时站点:

  1. 使用 PHPMyAdmin 登录实时服务器的数据库。
  2. 为实时站点创建一个新数据库。
  3. 转到新数据库并选择“导入”选项卡。
  4. 从本地站点选择导出的 SQL 文件。
  5. 单击“Go”导入数据库。

现在您已经将数据库从您的本地站点迁移到您的实时站点,让我们对您站点的文件执行相同的操作。

将本地站点的文件上传到实时服务器

按照以下步骤将本地 WordPress 站点的文件上传到您的实时站点:

  1. 准备文件:在将本地站点的文件上传到服务器之前,最好检查并清理文件。 这可能包括删除任何不必要的文件,例如备份或测试文件,以尽量减少上传的数据量。
  2. 连接到服务器:您可以使用多种方法连接到服务器,例如 FTP 或 SFTP。 您将需要使用客户端软件(例如 FileZilla)连接到服务器。 您需要提供服务器主机、用户名和密码才能连接。
  3. 上传文件:连接到服务器后,您可以将本地站点的文件上传到服务器。 您可以通过多种方式上传文件,包括上传单个文件或上传整个本地站点文件夹。 导航到服务器上实时站点的根目录。 将所有本地站点的文件上传到服务器上实时站点的目录,并在出现提示时替换现有文件。
  4. 更新数据库信息:将文件上传到服务器后,您需要更新wp-config.php文件中的数据库信息以反映实时站点的数据库信息。 在文本编辑器中打开wp-config.php文件并更新数据库名称、用户名和密码以匹配实时数据库。
  5. 更新数据库中的 URL:请参阅下面的部分。
  6. 测试站点:将本地站点的文件上传到服务器后,最好测试站点以确保一切正常。 这可能涉及测试站点的功能、链接和图像,以确保它们按预期工作。

更新数据库中的 URL

您可以使用文本编辑器或直接在数据库中操作来更新数据库中的 URL(确保您的数据库在进行更改之前已完全备份)。

使用文本编辑器更新 URL

按照以下步骤使用文本编辑器更新数据库中的 URL。

  1. 导出数据库:在更新数据库中的 URL 之前,您需要导出数据库。 使用您的数据库管理工具(例如 phpMyAdmin)。
  2. 查找并替换 URL :导出数据库后,您将需要查找并替换数据库中的 URL。 您可以使用文本编辑器(例如 Sublime 或 Visual Studio Code)执行此操作。 搜索并替换URL,确保仔细彻底地替换URL,包括序列化数据中的URL。
  3. 导入数据库:更新数据库中的 URL 后,您需要将数据库导入回本地开发环境。 您可以使用数据库管理工具(例如 phpMyAdmin)导入数据库。
  4. 测试站点:导入更新后的数据库后,最好测试站点以确保一切正常。 这可能涉及测试站点的功能、链接和图像,以确保它们按预期工作。

更新数据库中的 URL

按照以下步骤直接更新数据库中的 URL:

1. 使用 PHPMyAdmin 登录实时站点的数据库。
2. 选择实时站点的数据库。
3. 转到“SQL”选项卡。
4. 运行以下 SQL 查询以更新 URL:

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

将“old-url”替换为本地站点的 URL,将“new-url”替换为实时站点的 URL。

5. 单击“开始”运行查询。
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!