将项目部署到docker容器上

news2024/9/16 18:42:25

通过docker部署前后端项目

前置条件

需要在docker中拉去jdk镜像、nginx镜像

docker pull openjdk:17 #拉取openjdk17镜像
docker pull nginx #拉取nginx镜像

部署后端

1.打包后端项目

点击maven插件下面的Lifecycle的package 对后端项目进行打包 等待打包完成即可
在这里插入图片描述

2.将打包好的jar包上传到服务器

将打包好的项目jar包直接上传到服务器上面即可
在这里插入图片描述

3.配置dockerfile文件

vim dockerfile #vim文本编辑器

在这里插入图片描述

FROM openjdk:17 #jdk版本

RUN mkdir /app 

COPY canteen-0.0.1-SNAPSHOT.jar  /app/

CMD java -jar  /app/canteen-0.0.1-SNAPSHOT.jar

EXPOSE 8088 # 暴露端口

4.构建成docker镜像

执行docker build -t 完成镜像构建

docker build -t canteen . # 构建镜像
# 等待构建完成后执行docker查看镜像是否构建成功
docker images #查看镜像

在这里插入图片描述

5.运行docker镜像

执行下述命令完成docker命令完成容器启动

docker run -d -p 8088:8088 --restart unless-stopped --name app canteen # -p 端口映射 --restart 设置为开机自启动

在这里插入图片描述

如果能看到上诉信息就说明后端项目部署成功

部署前端vue项目

1.打包前端项目

在前端项目执行npm run build对vue项目进行打包

npm run build

等待构建完成后在会出现dist文件夹 dist文件下即为vue项目的依赖和文件

在这里插入图片描述

2.上传至阿里云服务器

在这里插入图片描述

3.编写default.conf配置文件

在dist同层目录下 vim default.conf 进入vim编辑器完成default.conf的配置

在这里插入图片描述

server {
    listen       80;
    server_name  docker_ip_address; # 修改为docker服务宿主机的ip

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html =404;
    }
	
	# 跨域配置
    location /api {
        rewrite ^/api/(.*)$  /$1 break;
        proxy_pass http://backend_server_ip:port/;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

4.编写dockerfile文件

同理通过vim dockerfile 完成dockerfile的配置

vim Dockerfile

在这里插入图片描述

FROM nginx
 
MAINTAINER traveler
 
RUN rm /etc/nginx/conf.d/default.conf
 
ADD default.conf /etc/nginx/conf.d/
 
COPY dist/ /usr/share/nginx/html/

5.构建docker镜像

执行docker build 完成镜像的配置

docker build -t webapp . # 构建镜像
# 等待构建完成后执行docker查看镜像是否构建成功
docker images #查看镜像

在这里插入图片描述

6.启动镜像容器

启动docker镜像

docker run -p 80:80 -d --name webapp webapp

在这里插入图片描述

查看最终效果

在这里插入图片描述

到此就完成前后端项目的部署啦

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1961131.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【全志H616开发】Linux的热拔插UDEV机制

文章目录 udev简介工作原理Udev 配置文件和规则示例总结: udev简介 Udev 是 Linux 系统中设备管理的一部分,它负责管理动态设备节点并处理设备的热插拔。Udev 提供了一种在用户空间管理设备节点的机制,可以在设备插入或移除时自动执行相应的…

2024.7.30问题合集

2024.7.30问题合集 1.adb调试出现5037端口被占用的情况2.更改ip地址时出现以下问题3.RV1126 ip配置问题 1.adb调试出现5037端口被占用的情况 问题:5037端口被占用的情况 解决方案:将adb文件下的adb.exe和AdbWinApi.dll两个文件复制到C:\Windows\SysWOW6…

红外热成像仪的功能应用_鼎跃安全

红外热成像仪利用红外探测器接收被测目标物体发射的红外辐射能量;通过接收到红外辐射转化为电信号,将这些信号放大转化后,通过不同的颜色代表不同温度,从而直观的在电子屏显示出来,可以清晰的观察到物体的热分布。 热成…

flex/bison结合使用解析配置文件

flex是gnu linux下的语法分析器程序(lex则是Unix下的语法分析器),它将输入文件(yyin)的内容去匹配对应的匹配规则表达式,并返回一个token。注意,flex的copyright并不是gnu的。 bison是gnu linux下的yacc(Yet Another Compiler Compiler)&…

【计算机毕设论文】基于SpringBoot的成绩管理系统

💗博主介绍:✌全平台粉丝5W,高级大厂开发程序员😃,博客之星、掘金/知乎/华为云/阿里云等平台优质作者。 【源码获取】关注并且私信我 感兴趣的可以先收藏起来,同学门有不懂的毕设选题,项目以及论文编写等相…

3.5.4、查找和排序算法-排序算法下

快速排序 快速排序的基本思想是:通过一趟排序将待排的序列划分为独立的两个部分,其中一部分序列的元素均不大于另一部分记录的关键字,然后再分别对这两部分序列继续进行快速排序,以达到整个序列有序。 大致步骤如下:…

2024西安铁一中集训DAY27 ---- 模拟赛((bfs,dp) + 整体二分 + 线段树合并 + (扫描线 + 线段树))

文章目录 前言时间安排及成绩题解A. 倒水(bfs dp)B. 让他们连通(整体二分 按秩合并并查集 / kruskal重构树)C. 通信网络(线段树合并 二分)D. 3SUM(扫描线 线段树) 前言 T1没做出…

6万字,让你轻松上手的大模型 LangChain 框架

本文为我学习 LangChain 时对官方文档以及一系列资料进行一些总结~覆盖对Langchain的核心六大模块的理解与核心使用方法,全文篇幅较长,共计50000字,可先码住辅助用于学习Langchain。** 一、Langchain是什么? 如今各类…

FPGA实现LCD12864控制

目录 注意! a) 本工程采用野火征途PRO开发板,外接LCD12864部件进行测试。 b) 有偿提供代码!!!可以定制功能!!!有需要私信!!! c) 本文测试采用…

操作系统02

文章目录 Linux 内核 vs Windows 内核内核Linux 的设计MultiTaskSMPELFMonolithic Kernel **Windows 设计** 内存管理虚拟内存内存分段内存分页多级页表TLB 段页式内存管理Linux 内存布局内存分配的过程是怎样的?哪些内存可以被回收?回收内存带来的性能影…

中国RoHS新增4项邻苯二甲酸酯管控,电子电气产品GB/T 26572-2011测试

中国RoHS 新增4项邻苯类物质 01 资讯内容 2024年6月29日,国家市场监督管理总局(国家标准化管理委员会)发布了2024年第14号中国国家标准公告,批准了109项国家标准和4项国家标准修改单。 其中,中国RoHS配套的标准GB/T 2…

人工智能和机器学习2 (复旦大学计算机科学与技术实践工作站)python调用百度AI、获取token,并利用opencv绘制分析图,做简单判断

前言 在现代科技的推动下,人工智能(AI)和机器学习(ML)逐渐成为各行各业的重要工具。百度AI开放平台作为全球领先的人工智能服务平台,为开发者提供了包括语音、图像、自然语言处理(NLP&#xff…

Python常用内置库介绍

Python作为一门强大且易学的编程语言,内置了许多功能强大的库,让开发者能够更加便捷地完成各种任务。本文中,我将详细介绍Python中常用的内置库。 math:提供数学函数,如三角函数、对数函数等。 示例:计算平…

Pycharm conda 虚拟环境添加失败---windows

版本: conda:23.5.2 pycharm:2023.1.3 解决方案: 已验证: 使用系统解释器选择python.exe进行本地添加(ps:该方式不会显示conda名称) conda路径使用conda info查询 还有一个是在查找解决方法的时候看到比…

05-ArcGIS For JavaScript-RenderNode后处理效果

05-ArcGIS For JavaScript-RenderNode后处理效果 综述代码解析代码实现颜色混合完整代码结果高亮处理完整代码结果 结语 综述 ArcGIS For JavaScript 4.9版本提供了很多优秀的功能,其中提供了RenderNode类,既可以支持第三方渲染引擎的植入,例…

PowerShell报错 about_Execution_Policies 解决方法

在用express创建项目中显示项目创建失败,报错如图所示,显示无法加载文件,按照提示地址https:/go.microsoft.com/fwlink/?LinkID135170 中的 about_Execution_Policies看到页面显示是PowerShell执行策略的问题。有问题评论区留言,…

前端构建工具Vite

前端主流框架Vue大家应该都耳熟能详,很多的公司和项目都在使用,以前前端构建工具用的比较多的是webpack,后面渐渐地出现了Vite,它受到大家的喜爱和使用,那大家是否也很想知道它的由来以及优势,为什么越来越…

用户提交订单业务

文章目录 概要整体架构流程技术细节小结 概要 我们通常指的是在电子商务或在线零售环境中,顾客通过互联网完成商品或服务购买的过程。随着互联网技术的发展和普及,越来越多的消费者选择在线购物,这不仅因为其便捷性,还因为它提供…

Linux网络-小结

作者介绍:简历上没有一个精通的运维工程师。希望大家多多关注我,我尽量把自己会的都分享给大家,下面的思维导图也是预计更新的内容和当前进度(不定时更新)。 Linux服务器作为一个常用的网络服务器,主要的作用就是向客户端提供网络…

MySQL基础练习题14-产品销售分析1

题目:获取 Sales 表中所有 sale_id 对应的 product_name 以及该产品的所有 year 和 price 。 准备数据 分析数据 题目:获取 Sales 表中所有 sale_id 对应的 product_name 以及该产品的所有 year 和 price 。 准备数据 ## 创建库 create database db;…