Utilisez Docker pour créer un environnement de développement de sites Web

不言
Libérer: 2023-03-24 18:42:01
original
3691 Les gens l'ont consulté

Cet article explique comment utiliser Docker pour créer un environnement de développement de sites Web. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Travail de préparation


Dans les chapitres précédents, nous avons présenté comment installer Docker sous Windows et présenté quelques commandes couramment utilisées.

Si les préparatifs ci-dessus n'ont pas été terminés, veuillez vous référer à https://blog.csdn.net/lamp_yang_3533/article/details/77801992.

Ci-dessous, nous présenterons en détail comment utiliser Docker pour créer un environnement de développement de sites Web.

Nous prenons ThinkPHP 5.1 comme exemple pour présenter comment utiliser Docker pour créer un environnement de développement pour le projet tp5 sous Windows.

  • nginx 1.13.7

  • php 7.1.12 (php-fpm)

  • mysql 5.7.22

  • redis 4.0.9

Créez le fichier docker-compose.yml

dans l'accueil des utilisateurs Windows répertoire (C:UsersHP, en abrégé ~), créez un dossier docker_data et créez un fichier docker-compose.yml dans ~/docker_data.

Le contenu est le suivant :

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:
Copier après la connexion
Dans le code ci-dessus, j'ai utilisé l'image nginx-php-fpm, qui contient à la fois nginx et php-fpm. Vous pouvez également extraire les images individuellement.

启动容器

首先,我们需要运行 docker。点击桌面的快捷方式 Docker Quickstart Terminal,这样,Linux 虚拟机和 docker 就都启动了。

在打开的终端中,输入如下命令:

# 切换到家目录下的 docker_data 目录中$ cd  ~/docker_data# 以后台方式启动容器$ docker-compose up -d
Copier après la connexion

上述命令,会根据 docker-compose.yml 配置文件,自动从远程仓库拉取镜像,并创建和运行对应的容器实例。

如果看到下面的打印信息:

...Creating dr-redis ... done
Creating dr-mysql ... done
Creating dr-web   ... done
Copier après la connexion

就说明容器启动成功了。

查看本地所有的镜像

$ 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
Copier après la connexion

查看正在运行的容器

$ 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
Copier après la connexion

查看虚拟机列表

$ docker-machine lsNAME      ACTIVE   DRIVER       STATE     URL                         SWARM   DOCKER        ERRORSdefault   *        virtualbox   Running   tcp://192.168.99.100:2376           v18.04.0-ce
Copier après la connexion

这样,我们就知道了 Linux 虚拟机的 IP 地址为 192.168.99.100。

在 Windows 的浏览器中访问 http://192.168.99.100/ ,得到的结果是 403 Forbidden 。这是因为网站根目录中还没有任何文件。

现在,我们在 Windows 系统的 C:\Users\HP\docker_data\wwwroot 目录中,新建 phpinfo.php 文件,代码如下:

<?phpphpinfo();
Copier après la connexion

由于,我们之前做了 web 服务器根目录的映射

volumes:
      - ~/docker_data/wwwroot:/var/www/html
Copier après la connexion

所以, ~/docker_data/wwwroot 目录中只要发生了变更,就会自动同步到 docker 服务的 dr-web 容器实例的 /var/www/html 目录中。

注意:这个目录的映射是基于容器的,你只能在进入容器后,才能看到对应的文件,Linux 虚拟机很可能没有 /var/www/html 目录。还需记住,目录的映射是双向的。

我们可以用下面的命令从 Windows 的终端,进入容器。

$ docker exec -it dr-web /bin/bash
bash-4.3#
Copier après la connexion

这里我用的是容器的名称,也可以用容器的 ID 。

进入 dr-web 容器后,命令提示符变为 bash-4.3#,表示我们可以在该容器的 bash shell 中执行 Linux 的命令。

我们来验证一下该容器的 /var/www/html 目录中是否自动就有了 phpinfo.php 文件。

bash-4.3# ls -a /var/www/html.            ..           phpinfo.php
Copier après la connexion

验证结果确如我们所料。

通过浏览器访问 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
Copier après la connexion

通过仔细观察 /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
Copier après la connexion

这样,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
Copier après la connexion

然后,修改 ~/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;
     }

}
Copier après la connexion

由于我们修改了 docker-compose.yml ,所以我们必须删除之前的容器,然后创建新的容器实例。

删除容器之前,需要先关闭容器。

# 关闭容器$ docker-compose stopStopping dr-web   ... done
Stopping dr-redis ... done
Stopping dr-mysql ... done
Copier après la connexion

再来删除已经关闭的容器。

# 删除容器,需要输入 y 确认删除$ docker-compose rm
Copier après la connexion

然后,重新创建容器。

$ docker-compose up -d
Copier après la connexion

由于,在网站根目录中,还没有 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
Copier après la connexion

然后,在浏览器中访问 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
Copier après la connexion

保存之后,刷新 http://tp5.test/ ,就可以正常访问了。

到此,我们就利用 Docker ,完全搭建好了一个 tp5 项目的开发环境。

docker-compose 是一个非常常用的工具,它还有一些其他的命令和选项,具体可参考它的帮助命令。

$ docker-compose help
Copier après la connexion

相关推荐:

Mac上通过docker配置PHP开发环境

使用docker创建集成服务lnmp环境

           

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal