Docker部署PHP+Vue项目@慕课网原创_慕课网

本文将介绍如何使用docker镜像快速部署 php+vue 项目.文末提供源码地址

本地创建Docker映射目录

—— vue_demo         # Demo项目
—— php_vue
—— docker-compose.yaml
—— nginx
———— apps           # 项目代码
———— conf           # nginx配置文件
—————— nginx.conf
———— log            # nginx
———— vhost          # 虚拟机配置目录
—————— default.conf

创建`docker-compose.yaml`

version : "3" #docker-compose的版本
services: #容器的集合
      mysql: #项目名称
              image: mysql:5.7 #镜像名称，如果是通过dockerfile创建的可以使用build属性
              container_name: mysql  #容器名称，如果没有这个属性的话，docker-compose会随机分配一个名字给容器
              privileged: true    #允许操作的表示，如果不加的话会出现类似，permission deny的错误
              ports:
                      - 3307:3306  #开放宿主机和容器的映射端口
              environment:
                      MYSQL_ROOT_PASSWORD: root  #mysql镜像中的环境变量
      php:
              image: php:7.2-fpm
              container_name: php
              privileged: true
              ports:
                    - 9001:9000
              links:
                     - mysql  #容器之间进行关联
              volumes:
                     - ./nginx/apps:/usr/share/nginx/html  #挂载卷，需要注意的是，php在以模块的形式加载到nginx的时候，需要他们两个的目录结构一致，否则nginx无法加载php,但是 html等静态问价可以正常访问。
      nginx:
               image:  nginx
               container_name: nginx
               privileged: true
               links:
                       - php
               ports:
                       - 8088:80
               volumes:
                       - ./nginx/vhost:/www/nginx/vhost
                       - ./nginx/conf/nginx.conf:/etc/nginx/nginx.conf
                       - ./nginx/log:/www/nginx/log
                       - ./nginx/apps:/usr/share/nginx/html

      phpmyadmin:
              image: phpmyadmin/phpmyadmin
              container_name: phpmyadmin
              privileged: true
              links:
                      - mysql
              ports:
                      - 7001:80
              environment:
                      MYSQL_ROOT_PASSWORD: root
                      PMA_HOST: mysql

      redis:
              image: redis:4.0.14
              container_name: redis
              privileged: true
              ports:
                      - 6379:6379
      mongo:
              image: mongo
              restart: always
              ports:
                      - 27017:27017

建立容器,执行命令 docker-compose up -d

创建前端项目

使用vue create vue_demo或vue ui创建项目vue_demo

打包项目cd vue_demo && npm run build，复制 dist文件夹到 php_vue/nginx/apps下

测试 curl localhost:9099 返回html代码

创建php文件

<?php
echo 'hello Docker';

测试 curl localhost:8088 返回 hello Docker

过程中的疑难杂症

image拉取速度过慢

解决方法 - 修改仓库源
创建、修改 /etc/docker/daemon.json 文件，修改为如下形式

vi /etc/docker/daemon.json          # 编辑daemon.json 

{
    "registry-mirrors": ["http://hub-mirror.c.163.com"]
}

systemctl restart docker            # 重启docker服务

国内加速地址有：

Docker中国区官方镜像| https://registry.docker-cn.com
网易| http://hub-mirror.c.163.com
ustc | https://docker.mirrors.ustc.edu.cn
中国科技大学 | https://docker.mirrors.ustc.edu.cn
阿里云 | https://cr.console.aliyun.com

docker-compose 拉取镜像，成功之后就不会重复拉取。

所以导出现某个镜像速度慢、卡死。 Ctrl + c终止换源，重启docker再执行命令 docker-compose up -d

docker 创建 iptables链报错

… iptables --wait -t nat -I DOCKER -i br-d38d92300109 -j RETURN:iptables: No chain/target/match by that name.

docker 服务启动的时候，docker服务会向iptables注册一个链，以便让docker服务管理的containner所暴露的端口之间进行通信
通过命令 iptables -L 可以查看iptables链

在开发环境中，如果你删除了iptables中的docker链，或者iptables的规则被丢失了（例如重启firewalld），docker就会报iptables error例如：failed programming external connectivity … iptables: No chain/target/match by that name
要解决这个问题，只要 重启docker服务，之后，正确的iptables规则就会被创建出来

项目源码

https://github.com/ruidao/demo/tree/master/Docker/php_vue

不足 & 后续跟进

上述部署还是不够快，正确打开方式应该是创建自己centos项目镜像
项目代码迭代还可以更自动一点

Docker部署PHP+Vue项目原创