用户登录

修改了本地开发环境必要的配置以后,我们就可以去启动这个开发环境了 .. 回到命令行工具 .. 当前是在项目目录的下面 .. 这个目录下面有两个目录,site 还有 trellis ..

进入到项目下面的 trellis 这个目录 .. 执行一下 vagrant up ..

第一次启动虚拟机会去做很多事情 ..

vagrant 会根据目录下面的 vagratfile 里的配置去给项目创建一台 Linux 系统的虚拟机 .. 然后会自动给我们把这台虚拟机配置好,让它可以运行 WordPress 网站,并且也会自动给我们安装好 WordPress ..

理想状态下,我们不需要做任何事情,完成以后就会有一个可以运行的 WordPress 网站了 ..

首先会去下载一个 box .. box 其实就是系统的镜像,不同的 box 都有不同的操作系统 .. 里面可能安装了一些特定的软件,做了一些配置等等 ..

vagarnt 可以基于这些 box 去创建虚拟机 .. 现在 vagrant 正在做的就是给我们在网上下载一个需要的 box .. 虚拟机相关的配置,可以在项目下面的 trellis 里面找到,就是这个 Vagrantfile ..

它里面又加载了几个外部文件 .. 比如 vagrant.default.yml .. 这个 vagrant_box 的值就是我们的开发环境里用的虚拟机要使用的 box 的名字 ..

这是一个 ubuntu 操作系统的 box,ubuntu 是一种 Linux 操作系统 ..

我的电脑上还没有这个 box,所以在第一次启动的时候会自动给我们去下载 ...

Windows 错误

在 Windows 上,我遇到了一个问题 .. 说在虚拟机上没找到 ansible ... 这应该是个 bug ,其实在虚拟机上已经装好 ansible 了,不过提示版本是 2.3.0.0 ..

在这个 vagrant.default.yml 文件里面,可以修改一下 .. vagrant_ansible_version 就是需要用的 ansible 的版本,这里可以改成 2.3.0.0 ..

回到命令行 ...

现在我们要继续去配置虚拟机 .. 可以手工执行一下 vagrant provision .. 这样 vagrant 会使用指定的方法去配置虚拟机, trellis 里面用的是使用 ansible 去配置 ..

ansible 会按照 playbook 里面的设置,去执行一些任务, .. 这些任务就是去配置指定的机器,比如远程服务器。在开发环境上,配置的就是虚拟机 .. 比如它会自动在虚拟机上安装配置 php,nginx,mariadb 数据库等等 ..

我们用的 trellis ,里面主要的东西就是 ansible 需要用的这套 palybook ..

预览

完成以后,可以打开浏览器 ... 访问一下 wp-dev.ninghao.net ..

打开的就是在我们本地开发环境上的一个 WordPress 网站 ...

mac 错误

这里没有显示安装好的网站 .. 应该是 host manager 没有正常在 hosts 文件里添加主机记录 .. 回到命令行,我们可以手工执行一下 vagrant hostmanager .. 再回到浏览器 .. 访问一下 wp-dev.ninghao.net .. 打开的就是在我们本地开发环境上的一个 WordPress 网站 ...

HOSTs

这里之所以我们可以直接使用这个主机名访问打开网站,是因为 Vagrant 的 Hostmanager 插件会在系统的 hosts 文件里添加一条记录 ..

回到命令行 .. 可以先用 ping 命令,去 ping 一下 wp-dev.ninghao.net ..

你会发现返回的 ip 地址是 192.168.50.5 .. 这是一个内网的 ip 地址 .. 它就是我们虚拟机的 ip 地址 ..

这个地址你可以在 vagrant.default.yml 文件里面去设置 ..

win

再去查看一下系统的 hosts 文件,先进入到 c 盘下面的 windows,system32,drivers ,etc .. 输出这个目录下面的 hosts 文件里的内容 ..

mac
再去查看一下系统的 hosts 文件 .. 输出 /etc/hosts 文件里的内容 ..

你会发现,这里有一条记录,就是让 wp-dev.ninghao.net 这个主机名,指向 192.168.50.5 这个 ip 地址 ..

自动化配置 WordPress 本地开发环境《 WordPress 开发:开发环境 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点