IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 系统运维 -> 记录一次docker部署前后端项目+踩坑记录 -> 正文阅读

[系统运维]记录一次docker部署前后端项目+踩坑记录

工具、环境

FinalShell,阿里云Centos服务器,拉取Docker,Redis,Nginx,jdk,Mysql等

步骤:

- 所需环境

前后台项目所必须的容器环境

- 部署前端压缩包

可使用FinalShell进行远程连接阿里云服务器,其可以进行文件的上传与下载。
我这边 mkdir -p /data/nginx/{conf,conf.d,html,logs} # 例如我们可以创建以下四个文件夹放置我们的配置文件 可用于存放前端的打包文件,包括配置文件等。
如制作nginx.conf且上传
前端相关文件

  • 配置文件 nginx.conf
worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       9090;  //监听端口
        server_name  139.196.41.246; //服务ip
		charset utf-8;

		location / {
            root   /usr/share/nginx/html; // 注意这里是被挂载目录,即你存放dist文件的实际地址会映射(挂载)到这个地方(不用改)
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		
		location /prod-api/ {
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_pass http://139.196.41.246:9091/; //后端服务
		}

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

避坑点:
注意:此时html内存放的为dist.zip压缩包 需要将其进行解压出来
可使用unzip dist.zip命令进行解压,其后进行rm -f dist.zip 进行删除压缩包。其中可能部分同学未安装upzip,需要自行安装环境哦。

如下 :

 yum list | grep zip/unzip #获取安装列表 (没有)
 yum install zip #提示输入时,请输入y;
 yum install unzip #提示输入时,请输入y;

我处已经安装结果

  • 使用docker运行nginx项目
docker run --name nginx01 -d -p 9090:9090 -v /home/todolist/html:/usr/share/nginx/html -v /data/nginx/conf/nginx.conf:/etc/nginx/nginx.conf  --privileged=true nginx

解释:左边是实际我们自定义存放的位置,右边是nginx内部目录
9090 挂载端口 访问端口
第一个-v代表
html下的文件实际位置在:/home/todolist/html
被挂载的nginx内部目录为:/usr/share/nginx/html
第二个-v代表
nginx.conf的实际位置在:/data/nginx/conf/nginx.conf
被挂载的nginx内部目录为:/etc/nginx/nginx.conf
必须要有权限才可以设置:–privileged=true
nginx01代表container的名字,可以自己取

记录Docker制作jar镜像以及Dockerfile–我另一篇文章
介绍jar的运行 以及dockerFile 的制作
避坑记录
我这边发现后台运行项目,redis 的 ip最好使用本机的ip。

查看项目运行日志简单命令

docker logs -f --tail 500  容器Id

查看已经运行起来的容器

docker ps 

如截图所示
注:阿里云的安全组一定要对使用的端口进行开放访问。

最后放上自己成功部署的链接,为网上开源项目

  系统运维 最新文章
配置小型公司网络WLAN基本业务(AC通过三层
如何在交付运维过程中建立风险底线意识,提
快速传输大文件,怎么通过网络传大文件给对
从游戏服务端角度分析移动同步(状态同步)
MySQL使用MyCat实现分库分表
如何用DWDM射频光纤技术实现200公里外的站点
国内顺畅下载k8s.gcr.io的镜像
自动化测试appium
ctfshow ssrf
Linux操作系统学习之实用指令(Centos7/8均
上一篇文章      下一篇文章      查看所有文章
加:2022-04-18 18:25:00  更:2022-04-18 18:27:43 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 21:06:06-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码