用docker和nginx部署前端项目访问本地java网关gateway服务

简介: 本地开发 java 微服务项目,但是拿到的对应的web前端项目只有打包编译过后的 dist 目录里的静态资源(里面只有一个index.html和一些编译过后的 js、css文件),前端接口需要先访问到 java 的网关服务,然后网关里再做转发

需求背景:本地开发 java 微服务项目,但是拿到的对应的web前端项目只有打包编译过后的 dist 目录里的静态资源(里面只有一个index.html和一些编译过后的 js、css文件),前端接口需要先访问到 java 的网关服务,然后网关里再做转发。
1.png

因为没有前端源码,也不能像正常开发中的前端项目一样,我们可以随便修改代理访问任意服务地址,而且只能通过 nginx 之类的服务器实现部署访问和代理接口地址。

解决步骤

通过在本地安装docker来运行nginx服务器

一、安装 docker

直接去docker官网下载安装好docker,windows、mac都有对应的版本

二、拉取 nginx 镜像

直接拉取最新版本的nginx

docker pull nginx

三、添加 docker-compose 配置文件

直接利用docker-compose来启动容器,就不需要自己手动一行一行来敲命令了。在前端静态资源目录里新建 docker-compose.yml 文件:

version: "3"
services:
  nginx:
    image: nginx
    ports:
        - "8801:8801" # 前端项目访问端口(宿主机:容器内)
    volumes: # 数据卷目录映射(宿主机:容器内)
        - ./nginx.conf:/etc/nginx/nginx.conf # 配置文件
        - ./:/usr/share/nginx/html  # 项目html文件
        - ./log:/var/log/nginx  # 日志文件(方便排查问题,不要也可以)

四、添加 nginx 配置文件

在前端静态资源目录里新建 nginx.conf 文件:

#user  nobody;
worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    upstream app-gateway { # 负载均衡
        server host.docker.internal:51601; # 网关服务的地址和端口
    }
    server {
        listen 8801;
        location / {
            root /usr/share/nginx/html;
            index index.html;
        }

        location ~/app/(.*) {
            proxy_pass http://app-gateway/$1;
            proxy_set_header HOST $host; # 不改变源请求头的值
            proxy_pass_request_body on; # 开启获取请求体
            proxy_pass_request_headers on; # 开启获取请求头
            proxy_set_header X-Real-IP $remote_addr; # 记录真实发出请求的客户端IP
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 记录代理信息
        }
    }
}
  • 注意 nginx 里的前端目录/usr/share/nginx/html和配置文件/etc/nginx/nginx.conf,在上面第三步里已经通过 docker 的数据卷 volumns 挂载到宿主机目录里了。

还有就是因为前端项目是运行在 docker 容器里的,但是前端接口是要访问宿主机上的网关服务,这就涉及到 docker 容器和外部宿主机通信的问题,所以上面的网关地址不能写 localhost 或 127.0.0.1(这实际是在访问docker内的本地服务),而是要写成真实的 ip,可以通过 ipconfig 或 ifconfig(mac、linux系统)命令查看。

不过上面用命令获取到的这个本机ip地址是可能会变的,所以最好的方式是直接写成 host.docker.internal,这个就指代宿主机的真实ip,注意低版本的docker不支持这个。

五、运行前端服务

直接在前端静态资源目录里输入命令:docker-compose up,运行成功了,就可以在本地浏览器里访问前端和后端网关服务了:
2.png

相关文章
|
2月前
|
前端开发 应用服务中间件 API
比Nginx更好用的Gateway!
比Nginx更好用的Gateway!
44 1
比Nginx更好用的Gateway!
|
2月前
|
前端开发 Java
java前端:删除数组中指定元素的方法
java前端:删除数组中指定元素的方法
|
2月前
|
JSON 应用服务中间件 API
利用Grafana的API Key+Nginx反向代理实现Grafana免登录访问
利用Grafana的API Key+Nginx反向代理实现Grafana免登录访问
38 1
|
1天前
|
Java 网络安全 开发者
【Docker】5、Dockerfile 自定义镜像(镜像结构、Dockerfile 语法、把 Java 项目弄成镜像)
【Docker】5、Dockerfile 自定义镜像(镜像结构、Dockerfile 语法、把 Java 项目弄成镜像)
4 0
|
24天前
|
运维 Java 开发者
深入浅出:使用Docker容器化改善Java应用的部署与运维
在当今快速迭代的软件开发周期中,确保应用的一致性、可移植性与易于管理成为了开发与运维团队面临的重大挑战。本文旨在介绍如何通过Docker容器技术,有效地解决这些问题,特别是针对Java应用。我们将从Docker的基本概念出发,逐步深入到实际操作,展示如何将传统的Java应用容器化,以及这一过程如何帮助简化部署流程、提高应用的可靠性和可伸缩性。不同于常规的技术文章,本文试图以一种更加易于理解和实践的方式,让读者能够快速掌握容器化技术,并将其应用于日常的开发与运维工作中。
75 0
|
24天前
|
运维 Java Linux
深入解析:使用Docker容器化技术提升Java应用的部署效率
在快速迭代的软件开发周期中,如何保证应用的快速、一致和可靠部署成为了开发团队需要面对的重大挑战。本文将探讨如何利用Docker容器化技术,结合Java应用,实现高效、一致的部署流程。我们将从Docker的基本概念出发,详细介绍将Java应用容器化的步骤,包括创建Dockerfile、构建镜像以及运行容器等关键环节,并通过示例代码加以说明。此外,本文还将讨论在使用Docker部署Java应用时可能遇到的常见问题及其解决策略,旨在为读者提供一种提升部署效率、优化开发流程的有效方法。
262 2
|
24天前
|
Java 持续交付 虚拟化
深入浅出:使用Docker容器化改善Java应用的开发与部署流程
在快速迭代与持续集成的软件开发周期中,确保应用在各种环境中一致运行是一个挑战。本文介绍了如何利用Docker容器技术,来容器化Java应用,以实现环境一致性、简化配置和加速部署过程。我们将从Docker的基础知识开始,探讨其与传统虚拟机的区别,进而深入到如何创建Dockerfile,构建镜像,以及运行和管理容器。此外,文章还将涵盖使用Docker Compose来管理多容器应用的策略,以及如何利用容器化改善CI/CD流程。通过本文,读者将获得关于如何高效地利用Docker改善Java应用开发与部署流程的实践指导。
137 1
|
26天前
|
运维 Java 云计算
深入浅出:使用Docker容器化改进Java应用部署
在当前快速演变的软件开发领域,Docker作为一种开源的容器化技术,已经成为优化应用部署、实现快速交付和高效率运维的关键工具。本文将探讨如何利用Docker容器化技术来改进Java应用的部署流程。我们不仅会介绍Docker的基础知识,还会通过一个实际的Java应用示例,详细展示从创建Dockerfile到构建镜像,再到运行容器的整个过程。此外,文章还将探讨容器化带来的好处,如环境一致性、便捷的版本控制和简化的部署流程等,力求为读者提供一个清晰、易懂的指南,帮助他们在自己的项目中实现Docker容器化,从而提升开发和部署效率。
154 1
|
26天前
|
运维 Java 持续交付
深入浅出:使用Docker容器化改善Java应用的部署与运维
在当今快速发展的软件开发领域,持续集成与持续部署(CI/CD)已成为提高开发效率和软件质量的关键。本文将探讨如何利用Docker容器技术,实现Java应用的高效部署与运维。我们将从Docker的基本概念入手,详细介绍如何将传统的Java应用容器化,并通过实际案例展示容器化带来的便利性和高效性。此外,文章还将探讨Docker容器与传统虚拟机部署方式的对比,以及如何在实际项目中选择最适合的部署策略。通过本文,读者将能够深入理解Docker容器化技术,并学会如何在自己的Java项目中实施和优化。
201 1
|
26天前
|
运维 Java 开发者
深入浅出:使用Docker容器化改善Java应用的部署与运维
在快速迭代与持续集成的开发周期中,如何确保Java应用的一致性、高效部署及易于管理成为了开发与运维团队面临的重大挑战。本文将探讨Docker容器技术如何为Java应用提供一种轻量级、可移植的解决方案,实现环境一致性、简化配置过程并提高开发到生产的流程效率。我们将从Docker的基本概念入手,通过实例详细说明如何将传统的Java应用容器化,以及如何利用Docker Compose来管理多容器应用,最后探讨在使用Docker部署Java应用时的最佳实践和常见问题解决策略。
179 1

相关产品

  • 云迁移中心