前后端项目部署步骤整理
前端项目部署
-
准备
- vue项目,先用打包命令 npm run build 进行打包(在windows中可以直接在项目文件夹值接cmd,进行打包,当 然也可以在Linux中进行打包,不过要先在Linux系统中安装node.js);
- vue-cli3中打包一般要修改vue.config.js
- 把publicPath 的/改为./
- 一般还要修改路由,但要后端配合(具体见vue上线,路由配置)
- vue-cli3中打包一般要修改vue.config.js
- 普通项目,不用打包
- vue项目,先用打包命令 npm run build 进行打包(在windows中可以直接在项目文件夹值接cmd,进行打包,当 然也可以在Linux中进行打包,不过要先在Linux系统中安装node.js);
-
上传
- 利用xftp工具把打包后的dist文件夹上传到Linux中的www文件下
- 当然你也可以把vue项目先上传到Linux中在进行打包 npm run build
-
在Linux安装web服务器nginx1.18
-
(1)需要安装 gcc 的环境【此步省略】yum install gcc-c++
-
(2)安装相关依赖包 yum install -y gcc pcre-devel openssl-devel zlib-devel
-
(3)把下载好的nginx1.18,用xftp上传到Linux中的usr/local 创建nginx用户 解压源码包,开始编译安装 [root@localhost ~]# useradd -r -s /sbin/nologin nginx(可省略) [root@localhost ~]# tar -xf nginx-1.18.0.tar.gz [root@localhost ~]# cd nginx-1.18.0/ [root@localhost nginx-1.18.0]# ./configure --prefix=/usr/local/nginx \ --user=nginx \ --group=nginx \ --with-http_ssl_module \ --with-http_v2_module \ --with-http_realip_module \ --with-http_stub_status_module \ --with-http_gzip_static_module \ --with-pcre \ --with-stream \ --with-stream_ssl_module \ --with-stream_realip_module [root@localhost nginx-1.18.0]# make && make install
-
(4)启动 进入到Nginx目录下的sbin目录 cd /usr/local/ngiux/sbin 输入命令启动Nginx ./nginx
-
启动后查看进程 ps aux|grep nginx
-
地址栏输入虚拟机的IP即可访问(默认为80端口)
-
关闭 nginx: ./nginx -s stop 或者 ./nginx -s quit
-
重启 nginx: 1、先关闭后启动。 2、刷新配置文件: ./nginx -s reload
-
配置静态网页 1.将/资料/静态页面/index目录下的所有内容 上传到服务器的/usr/local/nginx/html下即可访问 2.将静态页面放到其他路经下要修改配置文件 3.2.1 端口绑定 (1)上传静态网站: 将/资料/静态页面/index目录上传至 /usr/local/nginx/index下 将/资料/静态页面/regist目录上传至 /usr/local/nginx/regist下 (2)修改Nginx 的配置文件:/usr/local/nginx/conf/nginx.conf server { listen 81; # 监听的端口 server_name localhost; # 域名或ip location / { # 访问路径配置 root index;# 根目录 index index.html index.htm; # 默认首页 } error_page 500 502 503 504 /50x.html; # 错误页面 location = /50x.html { root html; } } server { listen 82; # 监听的端口 server_name localhost; # 域名或ip location / { # 访问路径配置 root regist;# 根目录 index regist.html; # 默认首页 } error_page 500 502 503 504 /50x.html; # 错误页面 location = /50x.html { root html; } }
-
绑定域名 server { listen 80; server_name www.hmtravel.com;(域名) location / { root cart; index cart.html; } } server { listen 80; server_name regist.hmtravel.com; location / { root search; index search.html; } } 执行以下命令,刷新配置 [root@localhost sbin]# ./nginx -s reload
-
Nginx反向代理(重点模板) server { listen 80; server_name www.magedu.net; 域名或ip location / { root index;# 根目录 index index.html index.htm; # 默认首页 } } #也可以对指定location进行代理 location /web { proxy_pass http://192.168.7.103:80/; #注意有后面的/ 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 $proxy_add_x_forwarded_for;(可以省略) } [proxy_set_header](https://blog.csdn.net/bao19901210/article/details/52537279)
-
负载均衡 修改 Nginx配置文件: upstream tomcat-travel { server 192.168.177.129:8080; server 192.168.177.129:8081; server 192.168.177.129:8082; } server { listen 80; # 监听的端口 server_name www.hmtravel.com; # 域名或ip location / { # 访问路径配置 # root index;# 根目录 proxy_pass http://tomcat-travel; index index.html index.htm; # 默认首页 } error_page 500 502 503 504 /50x.html; # 错误页面 location = /50x.html { root html; } } 地址栏输入http:// www.hmtravel.com / 刷新观察每个网页的标题,看是否不同。 经过测试,三台服务器出现的概率各为33.3333333%,交替显示。 如果其中一台服务器性能比较好,想让其承担更多的压力,可以设置权重。 比如想让NO.1出现次数是其它服务器的2倍,则修改配置如下: upstream tomcat-travel { server 192.168.177.129:8080; server 192.168.177.129:8081 weight=2; server 192.168.177.129:8082; } 经过测试,每刷新四次,有两次是8081
-
后端项目部署
-
springboot项目,打包部署
-
springboot项目可以打成jar包直接部署,因为springboot中内置了一个 tomcat,如果想打成war包需要去除内置tomcat
-
安装MySQL数据库
-
安装redis数据库 启动redis ./redis-server redis.conf 开启redis:redis-server 关闭redis:redis-cli -p 6379 shutdown 查看redis是否启动:ps -aux |grep redis 密码duanshuaijun redis配置详情https://blog.csdn.net/weixin_42912498/article/details/102961338
-
手动打包部署
先用打包命令 mvn clean package (-Dmaven.test.skip=true可不写) 其中-Dmaven.test.skip=true为跳过单元测试,不执行测试用例,也不编译测试用例类进行打包
(在windows中可以直接在项目文件夹值接cmd,进行打包,当 然也可以在Linux中进行打包,不过要先在Linux系统中安装jdk,maven)一般选择在Linux中进行打包;
-
安装jdk1.8
-
1.把下载好的Linux版本的jdk1.8的压缩文件,用xftp工具上传到Linux服务器中的usr/local文件中 cd/usr/local jdk-8u121-linux-x64.tar.gz 第二步:解压安装包 tar -zxvf jdk-8u121-linux-x64.tar.gz 第三步:建立软连接(可以省略) ln -s /usr/local/jdk1.8.0_121/ /usr/local/jdk 第四步:修改环境变量 vim /etc/profile export JAVA_HOME=/usr/local/jdk export JRE_HOME=$JAVA_HOME/jre export CLASSPATH=.:$CLASSPATH:$JAVA_HOME/lib:$JRE_HOME/lib export PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin (修改完成后按ESO键,然后输入:wq 保存退出) 通过命令source /etc/profile让profile文件立即生效 source /etc/profile 第五步、测试是否安装成功 ②、使用java -version,出现版本
-
-
安装maven3.54
第一步:上传或下载安装包 cd/usr/local apache-maven-3.6.1-bin.tar.gz 第二步:解压安装包 tar -zxvf apache-maven-3.6.1-bin.tar.gz 第三步:建立软连接(可以省略) ln -s /usr/local/apache-maven-3.6.1/ /usr/local/maven 第四步:修改环境变量 vim /etc/profile export MAVEN_HOME=/usr/local/maven export PATH=$PATH:$MAVEN_HOME/bin (修改完成后按ESO键,然后输入:wq 保存退出) 通过命令source /etc/profile让profile文件立即生效 source /etc/profile 第五步、测试是否安装成功 mvn –v
-
-
**打包进如项目目录下用 mvn package 命令进行打包 **
-
部署: 直接运行jar包 nohup java -jar ruoyi.jar & 查看是否部署成功 netstat -anp |grep 端口号 杀死进程 kill -9
-
自动打包部署
- 自动化打包除了要安装jdk,maven,还要安装git,docker,Jenkins
1.安装git: yum -y install git
2.安装docker: 参考文档: https://help.aliyun.com/document_detail/60742.html?spm=a2c4g.11174283.6.548.24c14541ssYFIZ 第一步:安装必要的一些系统工具 yum install -y yum-utils device-mapper-persistent-data lvm2 第二步:添加软件源信息 yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo 第三步:更新并安装Docker-CE yum makecache fast yum -y install docker-ce 第四步:开启Docker服务 service docker start 第五步、测试是否安装成功 docker -v
3.安装Jenkins: 第一步:上传或下载安装包 cd/usr/local/jenkins jenkins.war 第二步:启动 nohup java -jar /usr/local/jenkins/jenkins.war >/usr/local/jenkins/jenkins.out & 第二步:访问 http://ip:8080
-
非springboot项目
1.要安装tomcat
-
-