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

容器,前后,分离,前端,部署,处理过程 · 浏览次数 : 195

小编点评

**摘要** 该文档描述了如何构建一个基于Nginx的容器,并测试其功能。 **测试步骤** 1. 安装 Docker。 2. 下载最新的 Nginx镜像。 3. 验证镜像版本。 4. 创建 Nginx配置文件。 5. 将配置文件复制到容器中。 6. 启动容器并访问它。 7. 验证页面内容。 **结论** 该文档提供了构建和测试基于Nginx的容器的详细步骤。

正文

摘要

未进行过细致测试,仅能够进行测试验证
如果需要上产生, 建议进行大量的测试工作.
理论上产品支持前后端分离. 
但是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

与容器化前后端分离-前端部署处理过程相似的内容:

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

摘要 未进行过细致测试,仅能够进行测试验证 如果需要上产生, 建议进行大量的测试工作. 理论上产品支持前后端分离. 但是DIP的导入,以及部分模板文件的下载可能存在问题 需要进行调整. 处理步骤 docker pull nginx 拉取最新的nginx镜像. 验证一下版本: docker exec

BI系统打包Docker镜像及部署的技术难度和实现

BI系统打包Docker镜像及部署的技术难度和实现 随着容器化技术盛行,Docker在前端领域也有着越来越广泛的应用;传统的前端部署方式需要我们将项目打包生成一系列的静态文件,然后上传到服务器,配置nginx文件;如果我们使用容器化部署,将部署操作都命令化,集中成一个脚本就可以完成原来复杂的部署过程

Redux与前端表格施展“组合拳”,实现大屏展示应用的交互增强

本文由葡萄城技术团队于博客园原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。它可以用在 react、angular、vue 等项目中, 但与 react 配合使用更加方便一

前端配置化表单组件设计方法

前端开发中涉及表单的页面非常多,看似功能简单,开发快速,实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多,vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本,下面介绍表单配置化组件的封装原理与封装方法。

前端认识docker

Docker 是什么 先看看百科的定义: Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的Linux或Windows操作系统的机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。 容器引擎?镜像?容器?虚拟化

[转帖]k8s中nginx工作线程的问题

https://www.cnblogs.com/lizexiong/p/15198863.html 本次环境背景信息为,需要在k8s里面跑一些前端界面,所以在pod容器中还是使用到了nginx,但是发现,如果nginx worker_processes参数为auto,pod容器会读取node节点的c

容器化应用系统上生产的最佳实践

前言 最近忙的要死, 👻👻👻. 上一周来了一次比 996 更猛的 907. 这周二终于有点遭不住了, 调休一天, 稍微歇息一下. 同时手痒的不行, 把筹备了好久的重磅文章发上来哈哈. 😆😆😆 不过时间还是有点仓促, 所以这次就先开个头, 后面有时间再细化. 容器化应用系统上生产的最佳实践

zabbix基于容器化在UOS1050E上面的安装与使用

前言 想着能够监控一下操作系统的日志. 因为国产化的需求, 所以我这边使用了UOS1050E 安装zabbix时多次提示缺少php-json 或者是缺少一些libevent等组件. 自己尝试进行解决发现比较费时费力 想了想还是容器化进行安装吧 所以进行简单总结 严重说明 想进行监控系统和数据库日志.

Docker镜像的基本操作总结

摘要 容器化是上个十年比较火的技术. 现在看起来在进行总计有点晚了. 不过linux是三十年前的,我依旧没有总结好 道理是一样的. 技术不在于新旧, 重要的是学习到原理. Docker的重要概念 Registry image container Docker的核心机制在于 从Registry里面拉取

Spring源码:Bean的生命周期(二)

FactoryBean 和 BeanFactory 是两个不同的概念。前者是一个接口,我们可以在实现该接口时通过调用 getObject 方法来返回实例,同时 FactoryBean 本身也是一个实例。后者是 Spring 容器的工厂,通过其中的 bean 定义 Map 一个一个地实例化我们通过注解等方式注入进去的 bean 工厂。在判断 FactoryBean 时,如果当前 BeanFactor