Docker前后端项目部署完整步骤记录

# 检查是否安装
yum list installed | grep docker

# 在线安装docker必备依赖包
yum install -y yum-utils device-mapper-persistent-data lvm2

# 添加阿里云有关 docker 的软件源（即docker的存储库）
yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

# 安装docker
yum install -y docker-ce docker-ce-cli containerd.io

# docker默认配置文件中设置阿里云的镜像地址，更多配置参考 https://www.cnblogs.com/yakniu/p/16329611.html
vi /etc/docker/daemon.json
{"registry-mirrors": ["https://gg3gwnry.mirror.aliyuncs.com"]}

[mysqld]
wait_timeout=31536000
interactive_timeout=31536000
# 数据库忽略大小写
lower_case_table_names = 1
#免密登录，如果忘记密码启用这个配置
#skip-grant-tables 
# mysql8 换了密码加密方式，要让数据库使用旧的密码加密方式 , 身份插件mysql_native_password 本地密码
authentication_policy=mysql_native_password
#密码失效时间-永不过期
default_password_lifetime=0
# 127.0.0.1只能本地访问，0.0.0.0接收任何来源ip的连接访问
bind-address = 0.0.0.0
# 最大连接数
max_connections = 2000
# 设置数据库时区为正8区
default-time_zone = '+8:00'

docker cp /mydata/db/surveyking.sql cus-mysql:/tmp;
docker exec -it cus-mysql mysql -u root -p
create database surveyking;
use surveyking;
source /tmp/surveyking.sql;
flush privileges;
alter user 'hao'@'%' identified by 'lihao@123456' password expire never;
alter user'hao'@'%' identified with mysql_native_password by 'lihao@123456';
grant all privileges on surveyking.* to 'hao'@'%';
flush privileges;

from openjdk:8  
run mkdir -p /home/app
# 设置工作目录
workdir /mydata
# apt-get update && apt-get install -y iputils-ping; 
copy surveyking-v1.5.1.jar /home/app/surveyking-v1.5.1.jar
expose 8080
# 设置容器启动时运行的命令 
cmd ["java", "-jar","/home/app/surveyking-v1.5.1.jar"]

#定义nginx运行的用户和用户组
#user  nobody;

#开启的线程数（默认为1），一般跟逻辑cpu核数一致
worker_processes  1;

#制定日志路径，级别。这个设置可以放入全局块，http块，server块，级别以此为：debug | info | notice | warn | error | crit | alert | emerg
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#指定nginx进程运行文件存放地址
#pid        logs/nginx.pid;

events {
    accept_mutex on;   #设置网路连接序列化，防止惊群现象发生，默认为on

    multi_accept on;  #设置一个进程是否同时接受多个网络连接，默认为off

    use epoll;      #事件驱动模型，select|poll|kqueue|epoll|resig|/dev/poll|eventport

    #单个进程最大连接数（最大连接数=连接数*进程数）
    #根据硬件调整，和前面工作进程配合起来用，尽量大，但是别把cpu跑到100%就行。每个进程允许的最多连接数，理论上每台nginx服务器的最大连接数为。
    worker_connections  1024;
}


http {
    #文件扩展名与文件类型映射表
    include       mime.types;
	#默认文件类型
    default_type  application/octet-stream;
   
    #access_log off; #取消服务日志
    #引用日志main
    #access_log  logs/access.log  main;
	
    #下面代码为日志格式的设定，main为日志格式的名称，可自行设置，后面引用
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';
    
    #开启高效文件传输模式，sendfile指令指定nginx是否调用sendfile函数来输出文件，对于普通应用设为 on，如果用来进行下载等应用磁盘io重负载应用，可设置为off，以平衡磁盘与网络i/o处理速度，降低系统的负载。注意：如果图片显示不正常把这个改成off。
    #sendfile指令指定 nginx 是否调用sendfile 函数（zero copy 方式）来输出文件，对于普通应用，必须设为on。如果用来进行下载等应用磁盘io重负载应用，可设置为off，以平衡磁盘与网络io处理速度，降低系统uptime。
    sendfile        on;
    # 当使用sendfile 函数，tcp_nopush 才起作用，是tcp协议栈中的知识点
    # 当tcp_nopush = on 时，会调用tcp_cork 方法，是默认的，就是收到的数据报不会立即发送出去，而是等到数据报最大时，一次性传输出去，有利于解决网络堵塞。 
    #tcp_nopush     on;

    # 客户端连接超时时间
    # = 0 : 表示禁用长连接。
    # = x ：表示长连接timeout
    #keepalive_timeout  0;
    keepalive_timeout  65;

    #httpgzip模块配置
    #开启gzip压缩
    #gzip  on;
    #设置允许压缩的页面最小字节数
    #gzip_min_length 1k;
    #申请4个单位为16k的内存作为压缩结果流缓存
    #gzip_buffers 4 16k;
    #设置识别http协议的版本，默认为1.1
    #gzip_http_version 1.1;
    #指定gzip压缩比，1-9数字越小，压缩比越小，速度越快
    #gzip_comp_level 2;
    #指定压缩的类型
    #gzip_types text/plain application/x-javascript text/css application/xml;
    #让前端的缓存服务器进过gzip压缩的页面
    #gzip_vary on; 
	
    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
	        # 设置虚拟主机的网站根目录
            root   html/website-surveyking;
	        # history 模式下需要加上这一行,防止刷新页面时404
	        try_files $uri $uri/ /index.html; 			
            #设置虚拟主机默认访问的网页
            index  index.html index.htm;
        }
        #对 / 启用反向代理
        #location /sk-api {
            #proxy_pass  http://127.0.0.1:8080;

            #以下是一些反向代理的配置可删除
            #proxy_redirect off;
	    #rewrite "^/sk-api/(.*)$" /$1 break ; # 最终url中去掉/api前缀

            #后端的web服务器可以通过x-forwarded-for获取用户真实ip
            #proxy_set_header host $host;
            #proxy_set_header x-real-ip $remote_addr;
            #proxy_set_header x-forwarded-for $proxy_add_x_forwarded_for;

            #client_max_body_size       10m;   #允许客户端请求的最大单文件字节数
            #client_body_buffer_size    128k;  #缓冲区代理缓冲用户端请求的最大字节数
            #proxy_connect_timeout      300;   #nginx跟后端服务器连接超时时间(代理连接超时)
            #proxy_send_timeout         300;   #后端服务器数据回传时间(代理发送超时)
            #proxy_read_timeout         300;   #连接成功后，后端服务器响应时间(代理接收超时)
            #proxy_buffer_size          4k;    #设置代理服务器（nginx）保存用户头信息的缓冲区大小
            #proxy_buffers              4 32k; #proxy_buffers缓冲区，网页平均在32k以下的话，这样设置
            #proxy_busy_buffers_size    64k;   #高负荷下缓冲大小（proxy_buffers*2）
            #proxy_temp_file_write_size 64k;   #设定缓存文件夹大小，大于这个值，将从upstream服务器传
        #}
        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the php scripts to apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the php scripts to fastcgi server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  script_filename  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

    # another virtual host using mix of ip-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # https server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:ssl:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  high:!anull:!md5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

from centos:7
#给基础镜像centos安装必备的环境
# 加上“rpm --rebuilddb &&”是为了防止数据库损坏而影响yum安装。
# 注意，比较保险的做法是有多少个yum命令，就加多少个“rpm --rebuilddb &&”在yum前面。
# 另外yum install一定要安装的是pcre，zlib，net-tools，make，gcc，wget，tar及其相关内容
run rpm --rebuilddb && yum install -y autoconf automake make wget proc-devel net-tools zlib zlib-devel make gcc  g++ openssl-devel pcre pcre-devel tar
# 在线获取nginx压缩包（也可以在本地系统（centos）里先下载压缩包，再add命令将包加入到基础镜像/usr/src目录中）
run wget http://nginx.org/download/nginx-1.17.1.tar.gz
# 解压到当前目录
run tar -zxvf nginx-1.17.1.tar.gz
# 设置环境
workdir nginx-1.17.1
# 配置nginx
run ./configure --prefix=/usr/local/nginx && make && make install
# run rm -rf /usr/src/nginx
env timezone=asia/shanghai
# 拷贝前端打包资源到nginx容器中
# copy /mydata/website-surveyking /usr/local/nginx/html  
#开启 80 和 443 端口
expose 80      
#https
expose 443  
#不能直接nginx，可能环境变量没有配置
cmd ["/usr/local/nginx/sbin/nginx", "-g", "daemon off;"]

location /surveyking {
     root   html/website-surveyking;
     try_files $uri $uri/ /surveyking/index.html;             
     index  index.html index.htm;
}

export default defineconfig(({ command, mode }) => {
   const env = loadenv(mode, process.cwd(), '')
   let base;
   if (command.indexof('build')!==1) {
      base = '/surveyking'
   } else {
      base = '/'
   }
   return{
    base,
   	{option..} 
   }
}

const router = createrouter({
    history: createwebhistory("/surveyking"),
    routes: constantroutes
});

# mysql8 换了密码加密方式，要让数据库使用旧的密码加密方式 
authentication_policy = mysql_native_password
#密码失效时间-永不过期
default_password_lifetime=0
# 设置数据库时区为正8区
default-time_zone = '+8:00'
# 设置mysql使用的字符集
character-set-server = utf8mb4
# 设置mysql使用的存储引擎
default-storage-engine = innodb
# 设置innodb的缓冲池大小，总内存的一半或更小的值 
innodb_buffer_pool_size = 256m
# 设置innodb的日志文件大小（根据服务器性能和数据量进行调整）,控制innodb事务日志的容量。将其设置为128m可能过高，尤其是在1核1g的服务器上。可以考虑将其降低一些，例如设置为64m或者更低，以减少磁盘i/o负载
innodb_redo_log_capacity = 32m
# 性能要求不高的环境，可以将其设置为0或2，以减少写入日志的频率，会增加数据丢失风险
innodb_flush_log_at_trx_commit = 0
# 限制磁盘i/o的资源使用
innodb_io_capacity = 150
innodb_io_capacity_max = 300
# 写入和读取i/o线程的数量,降低能减少i/o线程对服务器资源的竞争
innodb_write_io_threads = 8
innodb_read_io_threads = 4
# 让innodb自动调整并发线程的数量。这样可以充分利用服务器的cpu和i/o资源
innodb_thread_concurrency = 0
# 由于资源受限（1g），限制连接数
max_connections = 50
# 设置查询缓存大小（如果mysql版本>=8.0，请注释或删除此行）
# query_cache_size = 0
# 设置临时表的最大数量（根据服务器性能和应用程序需求进行调整）
tmp_table_size = 64m
# 设置排序缓存大小（根据服务器性能和应用程序需求进行调整）
sort_buffer_size = 2m
# 设置线程栈大小（根据应用程序需求进行调整）
thread_stack = 256k
# 禁用dns反向解析（根据服务器网络环境进行调整）
skip-name-resolve
 
innodb_log_buffer_size = 8m
# 此参数确定些日志文件所用的内存大小，以m为单位。缓冲区更大能提高性能，但意外的故障将会丢失数据。mysql开发人员建议设置为1－8m之间
 
# 以下两个参数控制innodb事务日志文件的大小和缓冲区大小。在1核1g的服务器上，可以尝试将它们降低一些，
# 例如分别设置为256m和8m，以减少日志文件对磁盘空间的使用。(mysql>8，删除或注释，使用innodb_redo_log_capacity替换)
#innodb_log_file_size = 128m
# 此参数确定数据日志文件的大小，更大的设置可以提高性能，但也会增加恢复故障数据库所需的时间,
#innodb_log_files_in_group = 3
# 为提高性能，mysql可以以循环方式将日志文件写到多个文件。推荐设置为3

#运行容器cpu、内存、网络等系统资源指标
docker stats
#运行的容器的总大小
docker ps -s
#分析磁盘空间占用
docker system df
## 以下注意备份
#清理无用的容器、镜像和资源
docker system prune
#清理所有未被使用的镜像
docker image prune -a
#清理所有停止的容器
docker container prune
#清理悬挂的匿名卷
docker volume prune
#清理未使用的网络
docker network prune

flush privileges;
alter user 'hao'@'%' identified by 'lihao@123456' password expire never;
alter user'hao'@'%' identified with mysql_native_password by 'lihao@123456';
grant all privileges on surveyking.* to 'hao'@'%';
flush privileges;

version: '3'
services:
  nginx:
    container_name: cus-nginx
    image: surveyking
    build:
      context: /mydata
      dockerfile: nginx-dockerfile
    environment:
      - tz=asia/shanghai
    ports:
      - "80:80"
    volumes:
      - /mydata/nginx/html:/usr/local/nginx/html
      - /mydata/nginx/conf/usr/lcoal/nginx/conf/nginx.conf
      - /mydata/nginx/logs:/usr/local/nginx/logs
    networks:
      - mynet-1
  mysql:
    image: mysql:8,0.31
    container_name: cus-mysql
    environment:
      - tz=asia/shanghai
      - mysql_root_password=123456
      - mysql_database=surveyking
      - mysql_user=hao
      - mysql_password=lihao@123456
    ports:
      - "3306:3306"
    volumes:
      - /mydata/mysql/data:/var/lib/mysql
      - /mydata/mysql/conf:/etc/mysql/conf.d/
      - /mydata/mysql/initdb:/docker-entrypoint-initdb.d
    networks:
      - mynet-1
    restart: always

  surveyking:
    container_name: surveyking
    image: surveyking
    build:
      context: /mydata
      dockerfile: surveyking-dockerfile
    ports:
      - "8080:8080"
    depends_on:
      - cus-mysql
    networks: 
      - mynet-1
    restart: always
networks:
  my-network:
    driver: bridge
    ipam:
      config:
        - subnet: "192.168.0.101/16"
          gateway: 192.168.0.100

docker-compose -f docker-compose.yml up -d