Home > Article > Backend Development > Use Docker to build a website development environment
The content of this article is about how to use Docker to build a website development environment. It has certain reference value. Now I share it with you. Friends in need can refer to it
In the previous chapters, we have introduced how to install Docker in Windows and introduced some commonly used commands.
If the above preparations have not been completed, please refer to https://blog.csdn.net/lamp_yang_3533/article/details/77801992.
Below we will introduce in detail how to use Docker to build a website development environment.
We take ThinkPHP 5.1 as an example to introduce how to use docker to build a development environment for the tp5 project in Windows.
nginx 1.13.7
php 7.1.12 (php-fpm)
mysql 5.7.22
redis 4.0.9
In the user home directory of Windows (C:\Users\HP, abbreviated as ~), create a folder docker_data, and create a docker-compose.yml file in ~/docker_data.
The content is as follows:
version: '3.6'services: web: image: richarvey/nginx-php-fpm:latest restart: always container_name: dr-web ports: - "80:80" - "9000:9000" networks: - dockerinnernet depends_on: - mysql - redis volumes: - ~/docker_data/wwwroot:/var/www/html mysql: image: mysql:5.7.22 restart: always container_name: dr-mysql ports: - 3306:3306 networks: - dockerinnernet volumes: - mydata:/var/lib/mysql - ~/docker_data/dbdump:/root environment: - MYSQL_ROOT_PASSWORD=123456 - MYSQL_DATABASE=test_db redis: image: redis container_name: dr-redis ports: - "6379:6379" networks: - dockerinnernet volumes: - ~/docker_data/redis:/datanetworks: dockerinnernet: volumes: mydata:
In the above code, I used the nginx-php-fpm image, which contains both nginx and php-fpm. You can also pull the images individually.
首先,我们需要运行 docker。点击桌面的快捷方式 Docker Quickstart Terminal,这样,Linux 虚拟机和 docker 就都启动了。
在打开的终端中,输入如下命令:
# 切换到家目录下的 docker_data 目录中$ cd ~/docker_data# 以后台方式启动容器$ docker-compose up -d
上述命令,会根据 docker-compose.yml 配置文件,自动从远程仓库拉取镜像,并创建和运行对应的容器实例。
如果看到下面的打印信息:
...Creating dr-redis ... done Creating dr-mysql ... done Creating dr-web ... done
就说明容器启动成功了。
$ docker images REPOSITORY TAG IMAGE ID CREATED SIZE mysql 5.7.22 0164c13b662c 2 days ago 372MB redis latest c5355f8853e4 3 weeks ago 107MB richarvey/nginx-php-fpm latest cea38a28b888 4 months ago 281MB
$ docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES94168b153bcf richarvey/nginx-php-fpm:latest "docker-php-entrypoi…" 47 seconds ago Up 48 seconds 0.0.0.0:80->80/tcp, 0.0.0.0:9000->9000/tcp, 443/tcp dr-web326d294a80c1 mysql:5.7.22 "docker-entrypoint.s…" 47 seconds ago Up 49 seconds 0.0.0.0:3306->3306/tcp dr-mysql6ce9fae6c1a2 redis "docker-entrypoint.s…" 47 seconds ago Up 49 seconds 0.0.0.0:6379->6379/tcp dr-redis
$ docker-machine lsNAME ACTIVE DRIVER STATE URL SWARM DOCKER ERRORSdefault * virtualbox Running tcp://192.168.99.100:2376 v18.04.0-ce
这样,我们就知道了 Linux 虚拟机的 IP 地址为 192.168.99.100。
在 Windows 的浏览器中访问 http://192.168.99.100/ ,得到的结果是 403 Forbidden 。这是因为网站根目录中还没有任何文件。
现在,我们在 Windows 系统的 C:\Users\HP\docker_data\wwwroot 目录中,新建 phpinfo.php 文件,代码如下:
<?phpphpinfo();
由于,我们之前做了 web 服务器根目录的映射
volumes: - ~/docker_data/wwwroot:/var/www/html
所以, ~/docker_data/wwwroot 目录中只要发生了变更,就会自动同步到 docker 服务的 dr-web 容器实例的 /var/www/html 目录中。
注意:这个目录的映射是基于容器的,你只能在进入容器后,才能看到对应的文件,Linux 虚拟机很可能没有 /var/www/html 目录。还需记住,目录的映射是双向的。
我们可以用下面的命令从 Windows 的终端,进入容器。
$ docker exec -it dr-web /bin/bash bash-4.3#
这里我用的是容器的名称,也可以用容器的 ID 。
进入 dr-web 容器后,命令提示符变为 bash-4.3#,表示我们可以在该容器的 bash shell 中执行 Linux 的命令。
我们来验证一下该容器的 /var/www/html 目录中是否自动就有了 phpinfo.php 文件。
bash-4.3# ls -a /var/www/html. .. phpinfo.php
验证结果确如我们所料。
通过浏览器访问 http://192.168.99.100/phpinfo.php ,就可以看到 phpinfo() 的打印信息了。
为了让我们在 Windows 系统中,就可以更改 nginx 进程的配置文件。我们也可以在 docker-compose.yml 文件中,添加对应的目录映射。
由于,我们现在还不知道容器中的 nginx 配置文件存放在哪里,以及格式如何。因此,我们可以先看下 dr-web 容器中的 nginx 配置。
bash-4.3# ls -al /etc/nginxtotal 92drwxr-xr-x 9 root root 4096 Dec 2 18:48 . drwxr-xr-x 37 root root 4096 Apr 22 14:14 .. drwxr-xr-x 2 root root 4096 Dec 2 18:39 conf.d -rw-r--r-- 1 root root 1077 Dec 2 18:39 fastcgi.conf -rw-r--r-- 1 root root 1077 Dec 2 18:39 fastcgi.conf.default-rw-r--r-- 1 root root 1007 Dec 2 18:39 fastcgi_params -rw-r--r-- 1 root root 1007 Dec 2 18:39 fastcgi_params.default-rw-r--r-- 1 root root 2837 Dec 2 18:39 koi-utf -rw-r--r-- 1 root root 2223 Dec 2 18:39 koi-win -rw-r--r-- 1 root root 5170 Dec 2 18:39 mime.types -rw-r--r-- 1 root root 5170 Dec 2 18:39 mime.types.defaultlrwxrwxrwx 1 root root 27 Dec 2 18:39 modules -> ../../usr/lib/nginx/modules -rw-r--r-- 1 root root 774 Dec 2 18:29 nginx.conf -rw-r--r-- 1 root root 2656 Dec 2 18:39 nginx.conf.default-rw-r--r-- 1 root root 636 Dec 2 18:39 scgi_params -rw-r--r-- 1 root root 636 Dec 2 18:39 scgi_params.defaultdrwxr-xr-x 2 root root 4096 Dec 2 18:48 sites-available drwxr-xr-x 2 root root 4096 Dec 2 18:48 sites-enabled drwxr-xr-x 2 root root 4096 Dec 2 18:48 ssl -rw-r--r-- 1 root root 664 Dec 2 18:39 uwsgi_params -rw-r--r-- 1 root root 664 Dec 2 18:39 uwsgi_params.default-rw-r--r-- 1 root root 3610 Dec 2 18:39 win-utf
通过仔细观察 /etc/nginx/nginx.conf 配置文件,里面有用到软链接,最终的虚拟主机配置文件在 /etc/nginx/sites-available 目录中。
我们需要将其从容器拷贝到 Windows 系统中。
先输入 exit 命令,退出容器的 shell,从而回到 Windows 的终端。
然后,进行拷贝:
HP@LAPTOP-ND0NRET5 MINGW64 ~/docker_data $ docker cp dr-web:/etc/nginx/sites-available ./nginx
这样,dr-web 容器的 /etc/nginx/sites-available 目录中的内容,就被拷贝到了 Windows 的 C:\Users\HP\docker_data\nginx 目录中。
然后,我们修改 docker-compose.yml 文件,在 web 服务代码块的 volumes 修改为:
volumes: - ~/docker_data/wwwroot:/var/www/html - ~/docker_data/nginx:/etc/nginx/sites-available
然后,修改 ~/docker_data/nginx 目录中的 default.conf 配置文件,再添加一个虚拟主机 server ,用来访问 tp5 项目。
server { listen 80; root /var/www/html/tp5/public; index index.php index.html index.htm; server_name tp5.test; # Disable sendfile as per https://docs.vagrantup.com/v2/synced-folders/virtualbox.html sendfile off; # Add stdout logging error_log /dev/stdout info; access_log /dev/stdout; location / { # First attempt to serve request as file, then # as directory, then fall back to index.html try_files $uri $uri/ =404; } error_page 404 /404.html; location = /404.html { root /var/www/errors; internal; } location ^~ /ngd-style.css { alias /var/www/errors/style.css; access_log off; } location ^~ /ngd-sad.svg { alias /var/www/errors/sad.svg; access_log off; } location ~ \.php$ { try_files $uri =404; fastcgi_split_path_info ^(.+\.php)(/.+)$; fastcgi_pass unix:/var/run/php-fpm.sock; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_param SCRIPT_NAME $fastcgi_script_name; fastcgi_index index.php; include fastcgi_params; } location ~* \.(jpg|jpeg|gif|png|css|js|ico|webp|tiff|ttf|svg)$ { expires 5d; } # deny access to . files, for security # location ~ /\. { log_not_found off; deny all; } location ^~ /.well-known { allow all; auth_basic off; } }
由于我们修改了 docker-compose.yml ,所以我们必须删除之前的容器,然后创建新的容器实例。
删除容器之前,需要先关闭容器。
# 关闭容器$ docker-compose stopStopping dr-web ... done Stopping dr-redis ... done Stopping dr-mysql ... done
再来删除已经关闭的容器。
# 删除容器,需要输入 y 确认删除$ docker-compose rm
然后,重新创建容器。
$ docker-compose up -d
由于,在网站根目录中,还没有 tp5 的项目源码,为此,我们需要安装 tp5。
前面说过,目录的映射是双向的,我们可以在 Windows 中的 C:\Users\HP\docker_data\wwwroot 目录中安装 tp5,也可以在 dr-web 容器的 /var/www/html 目录中进行安装。
由于 Linux 虚拟机中还没有安装 composer,而我的 Windows 中安装了 composer,所以我选择在 Windows 中使用 composer 来安装 tp5。
# 切换到 ~/docker_data/wwwroot 目录中$ cd /c/Users/HP/docker_data/wwwroot# 执行安装$ composer create-project topthink/think tp5 --prefer-dist
然后,在浏览器中访问 http://192.168.99.100/tp5/public/ ,就可以看到 tp5 的欢迎界面了。
如果访问 http://tp5.test/ ,浏览器会提示:找不到 tp5.test 的服务器 IP 地址。
这是因为,我们还没有修改 Windows 的 hosts 文件。
现在,我们编辑 C:\Windows\System32\drivers\etc\hosts 文件,在文件的最后加上一行代码:
192.168.99.100 tp5.test
保存之后,刷新 http://tp5.test/ ,就可以正常访问了。
到此,我们就利用 Docker ,完全搭建好了一个 tp5 项目的开发环境。
docker-compose 是一个非常常用的工具,它还有一些其他的命令和选项,具体可参考它的帮助命令。
$ docker-compose help
相关推荐:
The above is the detailed content of Use Docker to build a website development environment. For more information, please follow other related articles on the PHP Chinese website!