容器化前后端分离-前端部署处理过程

摘要

未进行过细致测试,仅能够进行测试验证
如果需要上产生, 建议进行大量的测试工作.
理论上产品支持前后端分离. 
但是DIP的导入,以及部分模板文件的下载可能存在问题
需要进行调整. 

处理步骤

docker pull nginx 
拉取最新的nginx镜像. 

验证一下版本:
docker exec -it nginx bash
nginx -v
nginx version: nginx/1.23.3

创建一个Nginx的配置文件

mkdir -p /docker_nginx/gscloud/
cat > /docker_nginx/nginx.conf <<EOF
worker_processes  auto;
events {
    worker_connections  1024;
}
http {
        client_header_timeout 600;
        client_body_timeout 600;
        client_max_body_size 200m;
        proxy_send_timeout 600;
        proxy_read_timeout 600;
        include       mime.types;
        default_type  application/octet-stream;
        sendfile        on;
        keepalive_timeout  65;
        gzip on;
        server_tokens off ; 
        gzip_min_length 1k;
        gzip_buffers 4 16k;
        gzip_comp_level 8;
        gzip_types text/plain application/javascript text/css application/json text/javascript image/svg+xml image/png;
        gzip_vary off;
    server {

        listen 80; #nginx监听的端口
        server_name localhost; #拦截的用户访问路径
        # GSCloudweb目录 
        location / {
            root /webapp/web;
            # 注意文件路径. 
            index index.html index.htm;
        }
        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
            root html;
        }
    }
}
EOF

基于Nginx的基础文件打包前端文件

scp -r /webapp/web /docker_nginx/gscloud/
cat > /docker_nginx/dockerfile <<EOF
FROM nginx
WORKDIR /webapp
COPY webapp /webapp
COPY nginx.conf /etc/nginx/nginx.conf
CMD ["nginx","-g","daemon off;"]
EOF

镜像处理

cd /docker_nginx/
docker build . -t webapp:01

测试镜像
docker run -d -p 8989:80 --name webapp webapp:01

查看 http://10.110.80.xxx:8989