不同的WordPress开发教程:如何自动化您的工作流程

自动化的WordPress开发教程


作为WordPress开发人员,紧跟最新技术和趋势可能会令人生畏。以自动化为例–在使工作流程自动化方面,您还可以做些什么?不完全的?好的,本文可以为您提供帮助。有点 但是,与您通常的WordPress开发教程不同。它专注于自动化任何可以自动化的东西 在下一个WordPress项目上工作时.

以下WordPress开发教程将介绍典型开发周期中涉及的步骤。在此过程中,我们将提出可用于自动化某些流程的解决方案和工具,以减少发布时间.

自动化的好处

在继续讨论自动化之前,让我们讨论为什么您仍然应该使某些过程自动化.

  • Automation️自动化 节省时间, 因此是金钱。想象一下,一次单击即可将WordPress的本地开发版本与服务器同步,从而节省了时间.
  • ��接下来,自动化冗余步骤 有助于避免错误. 在与服务器同步更改的过程中,您可能会无意中上传了错误的版本。这导致返工.
  • Further️此外,在开发周期中自动执行各个步骤 有助于追溯. 这样做可以帮助您调试代码。例如,您将拥有正确的日志,以记录哪些更改是在什么日期上传到服务器的.
  • ��最后,自动化可以帮助您 专注于更重要的事情 喜欢创新!如果您没有多余的重复性任务负担,则您有更多的时间来处理需要您注意的重要任务.

这份WordPress开发教学课程会先找出多余的步骤,然后再协助您自动化,以协助您提高效率.

自动化您的开发环境

想象一下,在以下情况下需要每次手动创建开发环境:

  • 开始一个项目
  • 转移到新的开发机器
  • 有一个新的团队成员

创建软件和命令列表是自动化的第一步。但是,手动执行每个步骤都需要花费大量时间,并且容易出错。因此,这样的列表仍然不足以设置您的环境.

码头工人 是一项服务,可帮助您根据需要在新计算机上设置开发环境。 Docker引入了容器的概念。容器是在您的开发环境中创建的几乎封闭的系统。使用Docker,您将永远不会陷入有人在服务器上更新了某些软件的情况而无济于事的情况!

码头工人

首先,您定义一个开发环境,该环境指定您在新计算机上的确切需求。然后,只需在新计算机上运行命令即可启动该过程-就这么简单!

这是关于 为WordPress设置Docker. 另外,这是 用于WordPress的快速Docker配置文件.

Docker有一个缺点–如果您使用基于Windows的开发环境(例如SQL Server,.NET或VisualBasic),则无法使用Docker来实现它。.

持续集成的版本控制

这个关于自动化的WordPress开发教程的下一步是专注于代码管理。当多个开发人员同时处理同一代码时,他们通常使用某种形式的版本控制,例如 吉特 要么 水银. 这是有关WordPress开发的教程 版本控制.

水银的

使用代码管理软件时,开发人员可以复制中央存储库。他们可以在存储库中进行改进,并提交要与原始代码合并的更改。受欢迎的存储库一天可能有数百甚至数千个更改。当开发人员想要合并代码时,可能会发生各种冲突。在最极端的情况下,可能会发生这样的情况,即在合并过程中解决问题所花费的时间超过了进行初始改进本身所花费的时间。.

持续集成旨在通过频繁合并开发人员的工作来避免这种情况。但是,合并并不像听起来那样简单。它涉及在提交任何代码之前由开发人员进行编译和测试。通常,一旦将代码推送到中央存储库,构建服务器就会在代码上运行这些检查。此过程减少了返工,这是浪费的来源之一,从而节省了成本和时间。测试和构建的频率各不相同,但如今,此过程是在每次提交后执行的.

与Travis CI的持续集成

特拉维斯

特拉维斯CI 为开源存储库提供免费版本。您只需要为您的私人项目付费。在此示例中,我将在GitHub上演示一个项目。向Travis注册后(建议通过GitHub注册),您需要执行以下步骤来开始构建:

  • 激活您的GitHub存储库
  • 将.travis.yml文件添加到存储库的根目录中
  • 推送到存储库以使用Travis构建

在你的 特拉维斯简介, 激活要使用Travis测试的存储库.

这是一个示例,说明了我如何启动示例资料库网络抓取:

在Travis上激活存储库在Travis上激活存储库

激活存储库后,您需要将.travis.yml文件添加到存储库中。该文件的内容如下:

语言:python
蟒蛇:
– "2.6"
– "2.7"
#命令安装依赖项
#安装: "点安装-r requirements.txt"

#命令运行测试
脚本:python tests.py

您需要指定语言(Python)及其版本进行测试。如果您有要安装的依赖项,则需要在requirements.txt文件中列出它们。由于仅在该存储库中运行虚拟测试,因此跳过了需求行。如果没有注释掉,Travis将在运行测试之前将这些要求安装在构建环境中。最后,指定运行测试的命令。开源存储库,例如 蝉c 有更详细的.travis.yml文件.

完成代码后,提交它并将代码推送到GitHub。您可以在存储库页面上查看测试结果。还会发送一封包含测试结果的电子邮件。您还可以通过个人资料页面触发另一个构建,以实时检查发生的构建:

在Travis上取得成功在Travis上取得成功

自动化主题开发

在这个不寻常的WordPress开发教程中,接下来要讲的是主题开发。尽管使用代码管理系统足以满足您在WordPress目录中更改的所有代码的需要,但是主题开发过程中的中间步骤可以而且应该是自动化的!

在完成对主题的更改后,让我们暂停一下,列出一些主题开发过程中常见的任务:

  • 将CSS预处理程序代码编译为CSS
  • 缩小CSS文件
  • 向主题添加新图像
  • 优化图像
  • 生成子主题
  • 注意更改和更新存储库

所有这些任务都是多余的,这表明了自动化的范围。我们可以这样做:

使用Gulp自动化主题开发

让我们专注于流行的工具, 古尔普, 自动化主题开发和部署。 Gulp是一个工具包,可帮助自动执行上面列出的所有过程。 Gulp是在Node.js服务器上运行的基于JavaScript的工具.

gulpjs

要安装Gulp,您需要 Node.js 并安装了NPM。然后,您可以通过在终端中运行以下命令来安装Gulp.

npm install gulp -g

要使用Gulp处理主题,您需要导航到主题目录(通常位于/ wp-content / themes /中),并在终端中使用命令npm init初始化NPM.

接下来,您应该将Gulp添加到package.json文件中.

{
"名称": "我的主题",
"版": "1.0.0",
"描述": "带有Gulp的WordPress开发教程自动化",
"作者": "我的名字",
"devDependencies":
{
"吞咽": "^ 3.9.1"
}
}

在目录中初始化Gulp之后,您需要定义 Gulp任务 使用functiontask()–每个任务都是Gulp执行的自动化步骤。这是 有关使用Gulp编写任务的详细指南.

您是否对我们如何实现主题开发自动化感兴趣-这是一个教程,可带您进入工程团队的旅程.

持续部署测试最终产品

该WordPress开发教程的最后一步是自动化最终产品的测试。简而言之,您将尝试评估您的网站能否在各种设备上正确呈现.

如 DevOps的最新趋势表明, 最佳实践是超越持续集成。一旦成功实现了持续集成,您可能会怀疑,中央存储库中的代码是否始终处于工作状态?逻辑答案是肯定的,因此,随着构建的进行,发布软件的最新版本是有意义的!

在所有情况下都有意义吗?否,尤其是如果您的客户不希望连续更新。但是,这是使您的代码随时可以交付的一种哲学。在开发自己的产品的情况下,连续部署是最有效的。在Google上,提交代码大约需要8分钟才能生效!

如果要构建Web应用程序,则编译可能并不意味着它可以在所有设备上正常工作。在这种情况下, 浏览器堆栈 派上用场。它可以在运行各种操作系统的不同制造商的真实设备上运行您的Web应用程序,以确保它们适用于最终用户.

浏览器堆栈

使用BrowserStack进行连续部署

在BrowserStack中,您可以通过以下方式在Python中运行测试: , 需要通过PIP安装.

点安装硒

让我们使用运行Android v7.1的Galaxy Note 8进行简单测试。我在下面的代码中提供的链接可以在BrowserStack上注册后获得(有免费试用版)。选择选项后,BrowserStack会为您提供示例代码.

在BrowserStack上设置您的第一个测试在BrowserStack上设置您的第一个测试
从硒导入webdriver
从selenium.webdriver.common.keys导入密钥
从selenium.webdriver.common.desired_capabilities导入DesiredCapabilities

required_cap = {
‘browserName’:’android’,
‘设备’:’三星Galaxy Note 8’,
‘realMobile’:’true’,
‘os_version’:’7.1’
}

驱动程序= webdriver.Remote(
command_executor =’http:// shaumikdaityari1:[email protected]:80 / wd / hub’,
wanted_capabilities = desired_cap)

driver.get("https://www.codeinwp.com/")
elem = driver.find_element_by_name("q")
elem.send_keys("浏览器堆栈")
elem.submit()
打印(driver.title)
driver.quit()

要运行,只需执行文件,或在终端中运行命令.

python browser_test.py

您可以从终端确认测试是否成功。此外,您还可以返回到BrowserStack帐户以查看其实际运行方式的视频.

视频和BrowserStack测试日志视频和BrowserStack测试日志

您可以在移动浏览器上自动化测试。 BrowserStack使您也可以在自己的服务器上运行测试,如 文档.

如果要制作移动应用程序,则希望通过特定工具在各种设备上对其进行测试。这是可能的 测试网格, 可以让您在各种设备上运行应用.

关于这个不寻常的(自动)WordPress开发教程的最终想法

这样,我们就结束了本教程的末尾,有关在WordPress开发过程中自动执行任务。我们介绍了自动化的好处以及可以在您的开发周期中自动化的各种任务.

您是否使用其他技术或工具来自动化WordPress的开发工作流程?在下面的评论中分享您的技巧.

别忘了加入我们的速成班,以加快WordPress网站的速度。通过一些简单的修复,您甚至可以减少50-80%的加载时间:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map