Docker部署前后端项目

本地(ubuntu19.04)安装docker:

sudo apt install docker.io

SSH连接服务器:

安装Docker:

yum update
yum -y install docker-io

启动docker

service docker start

开机自启

systemctl  enable docker.service

启动自带helloworld测试

docker run hello-world 

关闭防火墙:

systemctl disable firewalld

安装java镜像:

docker pull java:8u111 

安装mysql镜像

查看已安装镜像

docker images

查找:(建议选择与项目相应的版本,后面我改成Mysql57了)

docker search mysql 

下载

docker pull docker.io./mysql

关闭原运行的Mariadb  没有忽列(端口占用)

systemctl stop mariadb.service
systemctl disable mariadb.service

运行容器

docker run -p 3306:3306 --name mymysql -v $PWD/conf:/etc/mysql/conf.d -v $PWD/logs:/logs -v $PWD/data:/var/lib/mysql -e MYSQL_ROOT_PASSWORD=123456789 -d mysql
-p 3306:3306:将容器的 3306 端口映射到主机的 3306 端口。

-v -v $PWD/conf:/etc/mysql/conf.d:将主机当前目录下的 conf/my.cnf 挂载到容器的 /etc/mysql/my.cnf。

-v $PWD/logs:/logs:将主机当前目录下的 logs 目录挂载到容器的 /logs。

-v $PWD/data:/var/lib/mysql :将主机当前目录下的data目录挂载到容器的 /var/lib/mysql 。

-e MYSQL_ROOT_PASSWORD=123456789:初始化 root 用户的密码

发现容器重名:重命名或者删除

删除:

重新运行:

docker run -p 3306:3306 --name mymysql -v $PWD/conf:/etc/mysql/conf.d -v $PWD/logs:/logs -v $PWD/data:/var/lib/mysql -e MYSQL_ROOT_PASSWORD=123456789 -d mysql

成功:

进入容器:

docker exec -it mymysql bash
登入mysql:密码为上面创建容器是设置的密码
mysql -u root -p
ALTER USER ‘root‘@‘localhost‘ IDENTIFIED BY ‘mike‘;
添加远程登录用户
CREATE USER ‘mike‘@‘%‘ IDENTIFIED WITH mysql_native_password BY ‘mike‘;
GRANT ALL PRIVILEGES ON *.* TO ‘mike‘@‘%‘;

退出容器:

ctrl+p+q

即可本地连接将数据导入数据库

安装Nginx镜像

查找

docker search nginx

安装:

docker pull docker.io/nginx

查看

运行容器:

docker run -p 80:80 --name mynginx -v $PWD/www:/www -v $PWD/conf/nginx.conf:/etc/nginx/nginx.conf -v $PWD/logs:/wwwlogs  -d nginx

命令说明:

-p 80:80:将容器的80端口映射到主机的80端口

--name mynginx:将容器命名为mynginx

-v $PWD/www:/www:将主机中当前目录下的www挂载到容器的/www

-v $PWD/conf/nginx.conf:/etc/nginx/nginx.conf:将主机中当前目录下的nginx.conf挂载到容器的/etc/nginx/nginx.conf

-v $PWD/logs:/wwwlogs:将主机中当前目录下的logs挂载到容器的/wwwlogs

出现错误:

/usr/bin/docker-current: Error response from daemon: oci runtime error: container_linux.go:247: starting container process caused "process_linux.go:364: container init caused \"rootfs_linux.go:54: mounting \\\"/etc/init.d/conf/nginx.conf\\\" to rootfs \\\"/var/lib/docker/overlay2/3f08f94209c85ac2793a07cd2e395f98f70774d7f7ccc29d168f3c0962d662b6/merged\\\" at \\\"/var/lib/docker/overlay2/3f08f94209c85ac2793a07cd2e395f98f70774d7f7ccc29d168f3c0962d662b6/merged/etc/nginx/nginx.conf\\\" caused \\\"not a directory\\\"\""
: Are you trying to mount a directory onto a file (or vice-versa)? Check if the specified host path exists and is the expected type.

解决方法:暂时未知

另一种启动方式:

docker run -p 8080:80 -d docker.io/nginx  //将80端口映射为8080

查看容器启动情况

docker ps

成功:

安装Git与nodejs:

参考:链接

部署Vue项目:

1.将项目拉到本地

git clone -b audit https://gitee.com/Tz_819827497/innovate-admin-vue.git

2.编写docker文件:

  FROM docker.io/nginx

  MAINTAINER mikey <[email protected]>

  RUN rm /etc/nginx/conf.d/default.conf

   ADD default.conf /etc/nginx/conf.d/

  COPY dist/  /usr/share/nginx/html/

Dockerfile

server {
      listen       8080;
       server_name  localhost;

       #charset koi8-r;
       #access_log  /var/log/nginx/log/host.access.log  main;

       location / {
           root   /usr/share/nginx/html;
          index  index.html index.htm;
      }

    #error_page  404              /404.html;

     # redirect server error pages to the static page /50x.html
     #
      error_page   500 502 503 504  /50x.html;
     location = /50x.html {
        root   html;
     }

     # proxy the PHP scripts to Apache listening on 127.0.0.1:80
      #
      #location ~ \.php$ {
      #    proxy_pass   http://127.0.0.1;
     #}

      # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
     #
     #location ~ \.php$ {
    #    root           html;
      #    fastcgi_pass   127.0.0.1:9000;
   #    fastcgi_index  index.php;
     #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache‘s document root
     # concurs with nginx‘s one
     #
      #location ~ /\.ht {
      #    deny  all;
      #}
  }

default.conf

default.conf

下载依赖

npm install

代码打包:

npm run build

打包镜像:

docker build .

给镜像打tag:

docker tag b80181ce672e innovate-admin-vue:v1.0.0

安装并运行镜像

docker run --name=innovate-admin-vue -p 8001:8001 -d innovate-admin-vue:v1.0.0

npm run build报错

building for production...Killed  

原理

按照他人的说法是,服务器内存不够用了,这样就给他配置一个单独的内存出来就解决了

解决方法

sudo /bin/dd if=/dev/zero of=/var/swap.1 bs=1M count=1024
sudo /sbin/mkswap /var/swap.1
sudo /sbin/swapon /var/swap.1

部署后端Springboot:

用mven将项目打包上传到服务器

编写Dockerfile

FROM java:8
 EXPOSE 8080

  VOLUME /tmp
   ADD innovate-admin.jar /app.jar
   RUN bash -c ‘touch /app.jar‘
  ENTRYPOINT ["java","-jar","/app.jar"]

Dockerfile

生成镜像

docker build -t="innovate-admin" .

设置镜像标签:

docker tag 6184c281ec80 innovate-admin-springboot:v1.0.0

启动容器:

docker run -d -p 8080:8080 innovate-admin-springboot:v1.0.0

查看运行的容器日志:

sudo docker logs -f -t --tail 行数 容器名
sudo docker logs -f -t --tail n 容器名

npm安装依赖报错:

解决方法:

npm cache clean --force

打包报错:

解决方法:

1.删除依赖,重新下载

2.(我的原因是服务器太辣鸡,换一台高性能的ECS就没出现过)

原文地址:https://www.cnblogs.com/HuangJie-sol/p/11707224.html

时间: 2024-08-30 15:40:54

Docker部署前后端项目的相关文章

部署前后端分离项目

路飞前后端项目部署 前言 使用软件 vue 部署前段 uwsgi uWSGI是一个全功能的HTTP服务器,实现了WSGI协议.uwsgi协议.http协议等.它要做的就是把HTTP协议转化成语言支持的网络协议.比如把HTTP协议转化成WSGI协议,让Python可以直接使用. centos7 系统环境 virtulenv 在虚拟环境中部署后端项目 nginx 使用nginx做反向代理 redis 存储数据 mysql(mariadb) 存储数据 supervisor Linux/Unix系统下的

22.前后端项目部署实战

1.前后端分离项目介绍 1.什么是前后端项目? 简单来说,就是将前端项目和后端项目进行独立部署,互相之间通过token进行数据交互. 2.前后端分离与动静分离有什么区别? 动静分离,是将动态页面编译成静态,然后缓存到CDN上面. 前后端分离,前端项目被编译成HTML,但是JS会通过Ajax获取数据,所以前端页面内容依然是动态的. 3.前后端项目采用renren-fast来实现 4.前后端项目环境 服务 台数 地址 功能 MySQL 3台 10.0.0.51,10.0.0.52,10.0.0.53

vue+uwsgi+nginx部署前后端分离项目

一:vue+uwsgi+nginx部署 1.1:准备代码: # 路飞学城django代码 https://files.cnblogs.com/files/pyyu/luffy_boy.zip # vue代码 https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip 1.2:部署准备 1. 部署环境准备 ⑴ . 准备python3和虚拟环境解释器,python3,virtualenvwrapper. pip3 install -i h

Linux、Debian、Jenkins、GIT、Nginx、码云安装,自动化部署前后端分离项目

1.安装Jenkins i:下载Jenkins安装包(war文件):https://jenkins.io/download/ ii:这里采用Tomcat的war包方式安装,讲下载好的安装包放到Tomcat的webapps目录中 iii:启动Tomcat 如遇到报错:AWT is not properly configured on this server. Perhaps you need to run your container with "-Djava.awt.headless=true&

【Liunx】前后端项目分离部署

一.部署前端代码 部署前端代码,就是一些静态文件,丢给nginx去解析前端node js + vue的部署 + nginx的部署 1.下载vue的代码 wget https://files.cnblogs.com/files/songzhixue/07-luffy_project_01.zip 2.编译vue的代码 编译vue的代码,生成dist静态文件夹,需要用到node js解释器环境 # 下载nodejs的源代码包 wget https://nodejs.org/download/rele

jenkins部署前后端分离的vue项目

1 General Name: 变量名. 类似给分支起一个名字的意思, 可随意取 Description: 描述, 非必填 Parameter Type: 选择 Branch or Tag Default Value: 默认分支 以上需要安装插件Git Parameter, 没有的话就在插件管理中安装, 以上设置为了构建的时候可以自由选择分支. 2 源码管理 我用的是git, 仓库是gitlab, 使用svn可选择Subversion Branch Specifier (Blank for "a

SpringCloud教程 | 第十一篇: docker部署spring cloud项目

版权声明:本文为博主原创文章,欢迎转载,转载请注明作者.原文超链接 ,博主地址:http://blog.csdn.net/forezp. http://blog.csdn.net/forezp/article/details/70198649 目录(?)[+] 转载请标明出处: http://blog.csdn.net/forezp/article/details/70198649 本文出自方志朋的博客 一.docker简介 Docker是一个开源的引擎,可以轻松的为任何应用创建一个轻量级的.可

docker部署spring boot项目在服务器上

IDE:idea 工具:docker spring boot:2.0.1 ======================================== 简单记录一下流程,以供参考: 第一步:首先得有一个spring boot的项目[集成了jpa+mybatis的spring boot 例子:https://github.com/AngelSXD/swapping] 第二步:项目打包为jar包 install成功以后 找到项目根目录下的target目录,这里面的jar就是打包好可以部署的jar

Docker部署nginx+springboot-web项目

部署方案一 前期准备 拉取mysql docker pull mysql 拉取nginx docker pull nginx 更改web数据源 url: jdbc:mysql://business-db:3306/business?useUnicode=true&characterEncoding=UTF-8&allowMultiQueries=true&serverTimezone=UTC&useSSL=false&allowPublicKeyRetrieval=