为什么会有这样的需求
WordPress需要部署在服务端,如果我们只是为了看下效果或者测试开发使用,那就需要直接部署在本地。而我之所以想要在本地部署也是因为打算开发一个WordPress 的插件,在服务器上搭建和测试插件太不方便了。按照以前的思路是需要在本地安装 phpStudy、XAMMP 这类服务器软件,现在有了Docker 可就方便多了,只用安装相应镜像跑起来就可以了。
搭建步骤
- 本地安装好 Docker 软件(下面的操作都是基于 Windows 10)
- 拉取 WordPress 镜像
docker pull wordpress
- 拉取 WordPress 镜像
# 也可以拉取具体的版本 docker pull mysql:5.2 docker pull mysql
- 启动 MySQL 容器
docker run -d -p 3123:3306 --name wpmysql -e MYSQL_ROOT_PASSWORD=123456 mysql
- run: 启动一个容器
- -d: 启动的容器在后台运行
- --name: 容器名 wpmysql
- -e MYSQL_ROOT_PASSWORD: 设置 MySQL 的 root 密码
- -p:映射端口,将容器的3306端口映射到主机的3123端口
- mysql:启动的镜像,如果具体版本,这里也要加上具体版本号 mysql:5.2
- 启动 WordPress 容器,并连接到 MySQL 容器上
docker run -d -p 8088:80 --name wordpress --link wpmysql:mysql wordpress # -p:映射端口,本地访问路径:http://localhost:8088 # --link:将 wpmysql 容器挂载到 mysql 上,这样 WordPress 才能访问
不出意外的话,在浏览器打开后设置好数据库信息看到的是这样的:
解决方案
# 1.查看运行的容器
docker ps
# 2.进入mysql容器
docker exec -it wpmysql bash
# 3.登录mysql
mysql -uroot -p
# 4.授权root用户在其他机器上运行:host为 % 表示不限制ip,默认的localhost表示本机使用
grant all on *.* to 'root'@'%';
# 5.如果是 mysql8 版本,由于不支持动态修改密码验证,还需要更新root用户密码
alter user 'root'@'%' identified with mysql_native_password by '123456';
# 6.刷新权限
flush privileges;
经过上面的设置后应该就可以正常连接了,注意数据库地址要填本机的 ip 地址加上端口号,在 C:\Windows\System32\drivers\etc 里的 hosts 文件里也能看到 Docker 添加的 ip 映射:# Added by Docker Desktop)
之后看到这就代表部署成功了,撒花~~~
其他问题
1、可以连接到数据库服务器(这说明您的用户名和密码正确),但是不能选择 wordpress 数据库
就是 mysql 服务器上没找到叫 wordpress 这个名字的数据库,需要自己用 navicat 这类图形化工具自己手动去新建一个,或者用下面的命令去新建
# 1.查看运行的容器
docker ps
# 2.进入mysql容器
docker exec -it wpmysql bash
# 3.登录mysql
mysql -uroot -p
# 4.自己创建一个名字为 wordpress 的数据库(要跟wordpress安装是让配置的名字一致)
create database wordpress;
2、数据库连不上:Error establishing a database connection
1)自己删了旧的 wordpress 容器重新根据新的 ip 新建容器
因为我们本地的 ip 一般是动态 ip,过一段时间会变的,如果发现突然某一天又连不上了:
这种情况可能是 ip 又变了,在终端里用 ipconfig 查看新的 ip 地址,然后 C:\Windows\System32\drivers\etc 文件夹下的 hosts 里的 Docker ip 映射也同步修改一下,在输入 ipconfig/flushdns 刷新本机 DNS 解析缓存,之后再用新的 ip 地址去连接数据库就可以了,可以直接用 navcat 去测试连接。
数据库可以连了之后,再把之前的 wordpress 容器删掉,再重新启动连接数据库就可以了。
如果看到提示:可以连接到数据库服务器(这说明您的用户名和密码正确),但是不能选择 wpmysql 数据库...这是没有新建数据库,自己去新建一个你上面输入的数据库名同名的就行了。
2)直接去修改 wordpress 程序的数据库配置地址
# 1. 进入到容器中
docker exec -it wordpress bash
ls
# 2. 官方的 wordpress 镜像中并没有预装vim编辑器,所以要先装一下编辑器
apt-get update
apt-get install vim
# 3. 编辑 wp-config.php 文件
vi wp-config.php
# 找到 define 'DB_HOST' 那一行修改
# 按【i】进入输入模式,移动光标去修改
# 按键盘左上角【退出Esc】切换到命令模式,输入【:wq 】保存后离开
引发的连带问题
愉快地玩耍了本地 wordpress 之后,打开 vue 项目时,发现启动本地项目时 Network 变成 unavailable 了:
Docker 的网络模式
最上面的第一个网络 vEthenet (Default Switch),就是 docker 和宿主机网络通信添加出来的,docker容器的网络模式默认 --net=bridge,为容器创建独立的网络命名空间,容器具有独立的网卡等所有单独的网络栈,是最常用的使用方式。也可以设置为 --net=host,直接使用容器宿主机的网络命名空间,此时容器的IP地址即为宿主机的IP地址。
网上找到的解决方案:
- 禁用本地多余的网络(试了没效果)
- 在 vue.config.js 里 devServer 里 的 public 设置成本机的 ip 地址,或者用 node 提供的 os 模块去自动获取
module.exports = {
devServer:{
public: require('os').networkInterfaces()[Object.keys(require('os').networkInterfaces())[0]][1].address + '::8080'
}
}
devServer.public:当使用内联模式(inline mode)并代理 dev-server 时,内联的客户端脚本并不总是知道要连接到什么地方。它会尝试根据 window.location 来猜测服务器的 URL,但是如果失败,你需要使用这个配置。此处涉及的相关配置:devServer.host、devServer.public、devServer.inline(后两个 webpack 5里已经移除了,webpack 4里才有)
每个项目都要自己这样去设置的话太不程序猿了,应该会有用,不过我没试就直接 pass 掉了
- 添加 windows 10 的 PATH 系统变量:C:\windows\System32\Wbem,注意添加之后把这个变量用那个“上移”按钮移到第一个去:
然后重启 vscode 发现完美解决了,而且多出了好几个 Network,打开都是一样的效果: