前后端项目部署步骤整理_apache部署前后端

前后端项目部署步骤整理

前端项目部署

1. 准备

   • vue项目，先用打包命令 npm run build 进行打包（在windows中可以直接在项目文件夹值接cmd，进行打包，当 然也可以在Linux中进行打包，不过要先在Linux系统中安装node.js）;
     1. vue-cli3中打包一般要修改vue.config.js
        • 把publicPath 的/改为./
        • 一般还要修改路由，但要后端配合（具体见vue上线，路由配置）
   • 普通项目，不用打包

2. 上传

   • 利用xftp工具把打包后的dist文件夹上传到Linux中的www文件下
   • 当然你也可以把vue项目先上传到Linux中在进行打包 npm run build

3. 在Linux安装web服务器nginx1.18

   • （1）需要安装 gcc 的环境【此步省略】yum install gcc-c++ 
     1

   • （2）安装相关依赖包
     
     yum install -y gcc pcre-devel openssl-devel zlib-devel
     1
     2
     3

   • (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
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19

   • (4)启动
     
     进入到Nginx目录下的sbin目录
     cd /usr/local/ngiux/sbin
     输入命令启动Nginx
     ./nginx
     1
     2
     3
     4
     5
     6

   • 启动后查看进程
     ps aux|grep nginx
     1
     2

   • 地址栏输入虚拟机的IP即可访问（默认为80端口）
     1

   • 关闭 nginx：
     ./nginx -s stop
     或者
     ./nginx -s quit
     1
     2
     3
     4

   • 重启 nginx：
     1、先关闭后启动。
     2、刷新配置文件：
     ./nginx -s reload
     1
     2
     3
     4

   • 配置静态网页
      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;
             }
     
             
         }
         
         
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     28
     29
     30
     31
     32
     33
     34
     35
     36
     37
     38

   • 绑定域名
     
         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
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20

   • 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)
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18

   • 负载均衡
     修改 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
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     28
     29
     30
     31
     32

   • nginx1.18配置详情

     后端项目部署

     1. 准备

     • springboot项目,打包部署

       • springboot项目可以打成jar包直接部署，因为springboot中内置了一个 tomcat,如果想打成war包需要去除内置tomcat
         
         1
         2

       • 安装MySQL数据库
         1

       • 安装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
         1
         2
         3
         4
         5
         6
         7
         8
         9
         10
         11

       • 手动打包部署

       先用打包命令
       mvn clean package 
       (-Dmaven.test.skip=true可不写) 其中-Dmaven.test.skip=true为跳过单元测试，不执行测试用例，也不编译测试用例类进行打包
       1
       2
       3

       （在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，出现版本
           1
           2
           3
           4
           5
           6
           7
           8
           9
           10
           11
           12
           13
           14
           15
           16
           17
           18
           19
           20
           21
           22
           23
           24
           25
           26
           27
           28
           29
           30
           31
           32
           33

       • 安装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
         
          
         1
         2
         3
         4
         5
         6
         7
         8
         9
         10
         11
         12
         13
         14
         15
         16
         17
         18
         19
         20
         21
         22
         23
         24
         25
         26
         27
         28
         29
         30
         31

     • **打包进如项目目录下用 mvn package 命令进行打包 **

     • 部署：
       直接运行jar包
       nohup java -jar ruoyi.jar &
       
       查看是否部署成功
       netstat  -anp  |grep   端口号
       杀死进程 kill -9 
       1
       2
       3
       4
       5
       6
       7

     • 自动打包部署

       • 自动化打包除了要安装jdk，maven，还要安装git，docker，Jenkins

     1.安装git:     yum -y install git
     1

     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
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     28
     29
     30
     31
     32
     33
     34
     35
     36
     37

     3.安装Jenkins:
     第一步：上传或下载安装包
     
     cd/usr/local/jenkins
     
     jenkins.war
     
     第二步：启动
     
     nohup java -jar  /usr/local/jenkins/jenkins.war >/usr/local/jenkins/jenkins.out &
     
     第二步：访问
     
     http://ip:8080
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14

     • 非springboot项目

       1.要安装tomcat
       1

​

​