和平建设:WordPress 本地开发简介

您已经购买了域名并确保了您的托管.您已经完成了新的精彩主页,但您无法摆脱被监视的感觉.那是因为您的网站是实时的,所以谁知道谁可能会偷看您的肩膀......

在 WPMU DEV,我们的许多成员使用本地环境执行各种任务,包括从头开始构建新站点、对现有站点进行大修以及开发插件.

但对于那些尚未涉足本地开发或正在寻求复习的人,我们为您带来了本指南.

以下是我们将要介绍的内容:

  • 什么是本地环境?
  • 本地环境如何运作?
  • 深入了解两种主要类型的本地环境-服务器堆栈和虚拟机.
  • 如何使用 Local by Flywheel 设置本地环境.
  • 如何将本地开发的网站迁移到实时托管.

所以让我们开始吧……

什么是本地环境?

本地环境有多种形状和大小,但是,它们都具有相同的目的——让您能够在安全可靠的空间中开发 WordPress 网站或插件.

一般的 WordPress 用户通过购买域然后选择托管服务来开始他们的网站建设过程-然后他们登录并开始创建他们的网站.

然而,这意味着在您构建网站时,它是在网上发布的,Google 可以自由地开始其索引程序.

您最不希望看到有人在您构建网站的过程中偶然发现它.此外,当您的网站仍在建设中时,您的网站特别容易受到网络攻击.

在本地环境中进行开发可以免除您的这些后顾之忧,因为您可以获得与 WordPress 相同的特性和功能-但它们都在您自己的计算机中受到严格保护.

不涉及服务器或云,任何不在您电脑上的人都没有机会获得访问权限,也无需额外费用.

您可以免费开发您的网站,远离窥探——绝对是幸福!

Cartoon of Dev man running with his PC.
开发人员不知道他可以向他的朋友展示他在本地托管的网站而无需离开家-幸运的是,本文将解释如何!

在构建网站时,还有其他一些方法可以实现隐私保护,例如 正在建设中的主题和插件 临时环境-但因为它们仍然涉及您的网站托管在网络上的某个地方,没有像本地环境那样安心.

本地环境如何运作?

WordPress 由三个核心元素组成:PHP、SQL 和 JavaScript,反过来可以在支持这些元素的软件上本地托管.

第一种方法是在服务器堆栈上.

使用服务器堆栈进行本地开发

本地服务器堆栈采用 Nginx 或 Apache 服务器的形式,以及一个数据库(通常采用 MySQLMariaDB) 和管理所有内容的平台,例如 phpMyAdmin.

但是,什么是服务器,我听到你问了!

嗯,它本质上是一个存储构成网站的所有内容(应用程序数据、文本、图像等)的地方,一旦有人通过访问 URL 请求访问,服务器就会交付商品.

所有站点都需要存储在服务器上,无论是本地站点(例如上述软件堆栈中包含的站点),还是通过托管服务提供商进行保护的站点.

如果您的网站已上线并且您支付了托管订阅费,它仍然托管在服务器上,只是在其他人的计算机上.

Showing the relationship between the server and web browser with the HTTP response and request passing betweenn
HTTP 请求和响应在服务器和服务器之间传递信息浏览器.

在这个阶段听起来可能很复杂,但幸运的是,您可以在一个整洁的小包中下载所需的一切.

两个最流行的服务器堆栈是 MAMPXAMPP.

MAMP 在技术上适用于 Mac(但是您可以在 Windows 上运行它——我过去自己已经这样做过)并且 XAMPP 可以在 Windows、Mac 和 Linux 上使用.

虽然实际使用托管在 apache 服务器堆栈上的 WordPress 是一种非常简单和愉快的体验,但 XAMPP/MAMP 的安装和设置过程 并不那么简单.

您需要从 XAMPP 或 MAMP 网站安装下载,以及手动下载和安装 WordPress(这确实涉及一些手动移动硬盘驱动器上的文件)配置您的数据库,然后将其链接到您的WordPress 网站.

服务器启动并运行后,您可以创建一个 WordPress 帐户,然后登录以访问仪表板.

您通过浏览器完成所有这些操作,因此您可以获得与在现场网站上一样的外观和感觉.

但别担心-如果这一切听起来有点令人生畏,您会很高兴知道有一个更简单的选择.

使用虚拟机进行本地开发

本地开发环境的另一个分支(大多数人会认为,最简单)以虚拟机的形式出现.

如果您不熟悉虚拟机,那么虚拟机是在您的 PC 上创建的一个分区,它基本上充当单独的计算机.

它带有自己的操作系统,通常像普通计算机程序一样在窗口中访问,但与软件的其余部分分离.

这使它成为进行任何冒险实验的便利场所,因为您所做的任何事情都与计算机的其余部分隔离;这意味着您不能对主操作系统造成任何损害.

在我们的案例中,虚拟机只是托管您网站的地方.当您通过本地环境的仪表板管理网站时,您无需与单独的操作系统进行任何交互.

一种使用虚拟机的流行本地环境选择是Flywheel本地.

之所以如此出色,是因为它可以在幕后为您完成所有跑腿工作.

您可以像安装任何其他程序一样安装它,并且会看到一个简单的仪表板,让您可以管理您的网站.

您只需点击几下即可添加多个站点,而使用 MAMP/XAMPP,您必须为每个站点创建单独的 WordPress 文件夹和数据库并单独管理它们.

从我们目前了解到的情况可以清楚地看出,像 Local 这样的环境对于那些不熟悉本地开发的人来说将是一个更简单的选择.

服务器堆栈可能是需要更多功能的高级开发人员的首选途径,但是,为了构建站点和安全的离线空间,Local 是一个绝佳的选择.

好吧,足够多的当地人的号角......让我们真正了解它的易用性.

这是一个简单的指南:

通过飞轮安装和使用本地

首先,您需要前往本地网站下载软件.

Screenshot of the Local website
选择您的平台并按照简单的说明进行操作.

安装非常简单(实际上就像您从互联网上下载的任何其他程序一样),所以我不会教您如何吸鸡蛋.

安装并打开程序后,您将看到以下屏幕:

Showing the first screen of Local after installation
现在我们已准备好创建我们的第一个站点.

然后您需要为您的网站命名.

Local 最好的事情之一是您可以根据需要创建任意数量的站点,而且它们都非常容易访问和切换-所以尽量保持名称的实用性.

Screenshot of the screen where you name your site.
它有一个非常简单的界面,而且上手很快启动并运行.

域名会在您为网站命名时自动填充,在此阶段无需更改网站路径.

在选择环境时,您可以选择首选,除非您有特定原因想要使用不同类型的数据库或 PHP 版本.

 

 

Showing where you can select your preferred version of PHP and database.
如果您只想设置并开始构建,您可以选择首选并移至下一个屏幕.

然后您需要输入用户名和密码(您可以在所有测试站点中使用相同的用户名和密码)并输入电子邮件地址.

Showing the setup screen where you choose a username, password and enter your email.
使用有效的电子邮件地址很重要,以防万一需要重设密码.

最后一次点击"继续",一切顺利!

设置一切并安装 WordPress 需要几分钟时间,但正如您所见,就本地托管环境而言,这是最容易使用的环境之一.

Screenshot showing the site details including name, path, domain, database version and WordPress version.
您可以使用此处的选项卡查看您网站的所有详细信息.

您需要的两个主要按钮位于屏幕左上角:"管理""查看网站".

点击管理员登录 WordPress.

Screenshot of the WordPress login page.
需要输入设置时创建的登录信息在本地仪表板中设置您的网站.

登录后,您可以像使用任何其他托管方法一样自由地使用 WordPress.

但这还不是全部,伙计们

如果您只想要一个漂亮、安静的空间来开发您的网站,上面的指南应该可以解决问题.

由于您的整个 WordPress 网站都安装在您自己的计算机上,这意味着您甚至可以在没有互联网的情况下构建您的网站,这非常适合那些长途火车旅行.

但是,Local 确实提供了许多其他功能.

其中一些最适合高级用户,还有一些可能对本地环境的新手也有用.

下面我将简要概述我最喜欢的 Local 的一些方面.

让别人看一眼……

在本地开发的主要好处之一是没有人能够看到您的半成品.

虽然如果您想创建一个新站点或对现有站点进行大规模更改,这通常是有利的,但这确实意味着如果您遇到问题,或者只是想要第二双眼睛,您可以不要只是将您的网站网址发送给朋友或同事并征求他们的意见.

Local 有一个有用的工具,可让您创建指向您网站的临时实时链接,只需单击一下鼠标即可.

这是 ngrok 的一个很棒的小插件,完全免费使用.

Showing the live link option before the link is produced.
只需点击启用,就会创建一个临时链接.

 

Showing the live link option with the link you can now copy after enabling it.
复制链接并发送!

您可以将此链接发送给任何您想查看您网站当前状态的人.

当您退出本地链接时,该链接将停止工作-或者您可以使用它旁边的按钮手动禁用它.

如果您希望他们再次访问该网站,您需要重新启用实时链接,这意味着会创建一个新链接.

如果您需要某人的意见,但又不想冒着让他们再次访问链接的风险,这会很方便.您在本地构建网站是有原因的-想要一点隐私是可以的!

如果它没有损坏,不要修理它

如果您在构建网站时倾向于使用相同的插件集(我们的免费插件是一个很好的起点)或具有相同的主题或菜单和页面设置,您可以保存一个网站作为"蓝图",并将其用作未来网站的基础.

如果相同的站点设置适合您,那绝对没问题,幸运的是 Local 可以轻松重复使用相同的模板.

您只需右键单击要使用的站点,然后单击"另存为蓝图".

Showing the option to save as a blueprint.
您甚至可以保存多个蓝图——每个样式一个或您创建的网站类型.

现在,当您创建新网站时,您可以选择从蓝图开始,而不是从头开始.很方便吧?!

您的文件,您的方式

编辑 WordPress 网站的文件并不总是最简单的事情(尤其是对于初学者而言).

如果您的网站是实时的并在外部托管,则将涉及使用插件(例如文件管理器)或具有 SSH 连接的 SFTP 客户端.

这些平台允许您访问存储在主机服务器上的 WordPress 文件,以便您可以对其进行更改.

不同的托管服务提供商允许对您的文件进行不同级别的访问.但是,当您在本地开发时,您拥有完全访问权限和完全控制权.

使用本地,访问这些文件非常容易.它们存储在您的计算机上,因此您无需启动任何类型的连接即可获得访问权限.

如果您是一名熟练的开发人员,您仍然可以使用 SSH 连接和 WP-CLI 命令来编辑您的文件并对您的站点进行更改,但是,当您在本地处理站点时,您可以单击一个直接访问您的文件的小按钮.

Showing where you can access your files from.
只需点击小箭头,您就可以访问您的 WordPress 文件.
Showing the WordPress site's file in your explorer menu.
我使用的是 Windows,所以我的 WordPress 文件会直接弹出

只需点击小箭头,您就可以访问您的 WordPress 文件.

这是了解 WordPress 文件夹布局和熟悉 WordPress 网站的一些关键元素的非常有用的方法.

从这里,您可以更改样式表、创建子主题,甚至可以尝试处理一些更复杂的文件.

它的美妙之处在于,如果您更改引起问题的某些内容,您可以随意废弃该站点并开始一个新站点.

它使您可以进行实验,而无需担心对实时站点造成不可逆转的损坏.

了解您的首字母缩略词

本地环境也是熟悉通过 SSH 连接使用 WP-CLI 的好地方.

WP-CLI 代表 WordPress 命令行界面,是一种通过键入命令来完成任务的方式-类似于您可以使用内置命令提示符的方式.

SSH(安全外壳)连接通常在多台计算机之间启动-它们在不安全的网络上创建安全连接.

您可能只与您自己电脑内的虚拟计算机进行通信,但是您仍然需要通过此连接发出命令.

我们的文章展示了如何使用 WP-CLI 加速您的 WordPress 开发,如果您是新手,这是一个很好的起点.

您可以通过右键单击您的站点并选择"打开站点外壳"

来轻松访问该界面

Showing how to access 'open site shell' to connect to initiate the SSH connection.
启动 SSH 连接很简单——您的整个网站都在毕竟是你自己的电脑.

然后您可以尝试不同的命令.

我输入了"wp user",它显示了一个以更改用户权限和设置为中心的命令列表.

A screenshot of WP-CLI
您可以通过界面.

您可以在 WordPress 网站上找到WP-CLI 命令列表. >

开发人员经常使用这些命令对 WordPress 网站进行快速更改-本地环境是掌握它们的好地方.

如何从本地 WordPress 安装迁移到实时服务器

现在,您的网站对坐在您硬盘上的任何人都不会有多大好处(除非您希望保持这种状态!).所以下一步是从本地安装转移到实时服务器.

有几种不同的方法可以做到这一点:

  1. 手动方法 – 查看 通过 Torque 将 WordPress 从本地移动到实时服务器.
  2. 插件方法 – 我们也有自己的关于使用 Duplicator 插件从本地迁移到实时站点的指南 –或者,如果您是我们的优秀会员之一,则可以改用我们的 Shipper Pro 插件 😉

当然,您仍然需要某个地方来托管您的实时网站.建议在您的网站准备好发布之前研究不同类型的托管,甚至比较几个不同的托管计划.

毕竟您已经完成了所有工作,因此您需要谨慎选择您的托管服务提供商!

我知道一家做一些非常棒的托管的公司,你应该去看看.

好的,是我们,WPMU DEV,但我向您保证,我们的托管是一流的.如果您确实允许我们为您托管您的网站(我发誓,我们会妥善保管).

我们还让迁移现有站点变得非常简单!

您还可以使用我们的 WordPress 站点管理工具轻松迁移现有站点-The Hub (仅供参考,请查看 Hub 2.0 Beta最近发布!).

您只需要现有站点的 SFTP 用户名和密码即可.您通常可以通过主机的控制面板找到这些凭据.

有些主机会自动为您创建 SFTP 用户,而其他主机(如 WPMU DEV 主机)将允许您自己创建. >

例如,以下是 WPMU DEV 用户如何创建自己的 SFTP 凭据.

找到凭据后,您可以通过几个步骤迁移和启动您的网站.

Showing the WPMU DEV website migration options.
只需点击几下即可迁移-天堂!

我们不要假装迁移总是在公园里散步.许多迁移进行得很顺利,但有些迁移会带来很多问题(请原谅双关语).

如果您在迁移到我们的服务器时确实遇到问题,那么您可以放心地拥有一群 WordPress 专家随时待命.他们24/7 随时待命,随时准备解决您遇到的任何问题.

如果您选择使用不同的托管服务提供商,我们建议您使用我们的 Shipper 插件进行迁移.

2020 年 10 月:我们测试了所有最好的 WordPress 主机!了解我们如何比较.查看结果

接下来是什么?

您的网站现在已经长大了-您已经帮助它从一个简单的"Hello World"发展成为(希望如此)一个有吸引力且功能强大的网站.

您现在可以通过您的托管服务"照常"使用 WordPress,并在需要时更新您的网站.

如果您想测试任何重大变化或希望在扩展 WordPress 知识的同时有一个安全的游戏空间,您可以随时调用您使用的本地环境.

18

发表回复