java之学习记录 6 - 5 - nginx配置及打包发布

2. nginx

2.1 什么是nginx?

Nginx(发音同 engine x)是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行。由俄罗斯的程序设计师Igor Sysoev(伊戈尔·西索夫)所开发,供俄国大型的入口网站及搜索引擎Rambler(漫步者)(俄文:Рамблер)使用。其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好,中国大陆使用nginx网站用户有:新浪、网易、 腾讯等。

 

优点:

  1. 占用内存少,并发能力强

  2. Nginx专为性能优化而开发, 在高连接并发的情况下,能够支持高达 50,000 个并发连接数的响应.

  3. Nginx支持热部署, 可以在不间断服务的情况下,对软件版本进行升级.

2.2 应用场景

  1. http服务器: Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。

  2. 虚拟主机: 可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。

  3. 反向代理,负载均衡 : 当网站的访问量达到一定程度后,单台服务器不能满足用户的请求时,需要用多台服务器集群可以使用nginx做反向代理。并且多台服务器可以平均分担负载,不会因为某台服务器负载高宕机而某台服务器闲置的情况。

2.3 Nginx安装

下载nginx, 官方网站:http://nginx.org/

我们使用的版本是1.17.8版本。

 

Nginx在Linux下安装,只提供了源代码,所以我们需要进行编译.

2.3.1 安装环境配置

  1. 因为Nginx是C语言编写的,所以需要配置C语言编译环境 (一定要在联网状态下安装)

需要安装gcc的环境。执行命令: 
yum install gcc-c++

注意: 如果执行命令出现这样的提示:

 

解决办法:

问题是 yum在锁定状态中,强制关掉yum进程即可
rm -f /var/run/yum.pid

 

  1. 第三方的开发包, 在编译之前需要安装这些第三方包。

  • PCRE

    • nginx的http模块使用pcre来解析正则表达式,所以需要在linux上安装pcre库

    安装命令:
    yum install -y pcre pcre-devel
  • zlib

    • nginx使用zlib对http包的内容进行gzip,所以需要在linux上安装zlib库。

    安装命令:
    yum install -y zlib zlib-devel
  • openssl

    • OpenSSL 是一个强大的安全套接字层密码库,nginx不仅支持http协议,还支持https,所以需要在linux安装openssl库。

    安装命令:
    yum install -y openssl openssl-devel

2.3.2 安装Nginx 步骤

  1. 将Nginx的源码包上传到 Linux

  2. 解压Nginx

tar -xvf nginx-1.17.8.tar 

 

     3.进入到解压之后的目录 nginx-1.17.8

 

     4.执行命令 configure,生成 Mikefile 文件

./configure \
--prefix=/usr/local/nginx \
--pid-path=/var/run/nginx/nginx.pid \
--lock-path=/var/lock/nginx.lock \
--error-log-path=/var/log/nginx/error.log \
--http-log-path=/var/log/nginx/access.log \
--with-http_gzip_static_module \
--http-client-body-temp-path=/var/temp/nginx/client \
--http-proxy-temp-path=/var/temp/nginx/proxy \
--http-fastcgi-temp-path=/var/temp/nginx/fastcgi \
--http-uwsgi-temp-path=/var/temp/nginx/uwsgi \
--http-scgi-temp-path=/var/temp/nginx/scgi

执行命令后, 生成了MakeFile文件

     5.创建临时文件目录

mkdir /var/temp/nginx/client -p

     6.执行make命令,进行编译

make

     7.安装

make install

 

2.3.3 启动并访问 Nginx

进入到nginx 安装目录

cd /usr/local/nginx/

进入到 sbin目录,执行 nginx 命令

./nginx 启动
./nginx -s stop 关闭
ps aux | grep nginx 查看进程

通过浏览器进行访问 ,默认端口 80 (注意:是否关闭防火墙。)

2.4 配置虚拟主机

虚拟主机指的是,在一台服务器中,我们使用Nginx,来配置多个网站.

如何区分不同的网站:

  1. 端口不同

  2. 域名不同

2.4.1 通过端口区分不同的虚拟主机

Nginx配置文件

  1. Nginx配置文件的位置

cd /usr/local/nginx/conf
nginx.conf 就是Nginx的配置文件
  1. Nginx核心配置文件说明

worker_processes  1; #work的进程数,默认为1
#配置 影响nginx服务器与用户的网络连接
events {
    worker_connections  1024; #单个work 最大并发连接数
}
​
# http块是配置最频繁的部分 可以嵌套多个server,配置代理,缓存,日志定义等绝大多数功能
http {
    # 引入mime类型定义文件
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65; # 超时时间
    
    #server 配置虚拟主机的相关参数 可以有多个,一个server就是一个虚拟主机
    server {
        # 监听的端口
        listen       80; 
        #监听地址
        server_name  localhost;         
​
        # 默认请求配置
        location / {
            root   html; # 默认网站根目录
            index  index.html index.htm; # 欢迎页
        }
​
        # 错误提示页面
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

配置nginx.conf

在nginx.conf 中添加一个 新的server

http {
    include       mime.types;
    default_type  application/octet-stream;
​
​
    sendfile        on;
    #tcp_nopush     on;
​
    #keepalive_timeout  0;
    keepalive_timeout  65;
​
    #gzip  on;
​
    server {
        listen       80;
        server_name  localhost;
​
        location / {
            root   html;
            index  index.html index.htm;
        }
    }
    
    # 配置新的server
    server {
        listen       81; # 修改端口
        server_name  localhost;
​
        location / {
            root   html81; # 重新制定一个目录
            index  index.html index.htm;
        }
    }
​
}

复制一份 html目录

cp -r html html81

重新加载配置文件

sbin/nginx -s reload

访问

http://192.168.52.100 访问第一个server
​
http://192.168.52.100:81/ 访问第二个server

2.4.2 通过域名区分不同的虚拟主机

什么是域名

网址就是域名,是一个网站的地址, 由域名提供商提供,一般需要购买.

www.baidu.com

www.taobao.com

www.jd.com

域名级别

  • 一级域名

    • 比如 .com .org .cn

  • 二级域名

    • 二级域名是在一级域名前加一级

    • 二级域名: baidu.com , zhihu.com

  • 三级域名

域名绑定

  • 一个域名对应一个ip地址,一个ip地址可以被多个域名绑定。

  • 通过 DNS服务器去解析域名

配置域名映射

  1. 本地测试可以修改hosts文件。修改window的hosts文件:(C:\Windows\System32\drivers\etc)

  • 可以配置域名和ip的映射关系,如果hosts文件中配置了域名和ip的对应关系,不需要走dns服务器。

配置一下nginx的映射
192.168.52.100 www.ng.com

    2.使用SwitchHosts,修改hosts

  • 解压

  • 右键 以管理员身份运行

  • 配置IP与域名的映射  

配置nginx.conf

#通过域名区分虚拟主机
    server {
        listen       80;
        server_name  www.t1.com;
​
        location / {
            root   html-t1;
            index  index.html index.htm;
        }
    }
    
    server {
        listen       80;
        server_name  www.t2.com;
​
        location / {
            root   html-t2;
            index  index.html index.htm;
        }
    }
  • 创建 html-t1和 html-t2 目录

cp -r html html-t1
cp -r html html-t2

  • 修改一下index.html 中,刷新

sbin/nginx -s reload
  • 访问

虽然只有一台服务器,但是这台服务器上运行着多个网站,访问不同的域名 就可访问到不同的网站内容

2.5 反向代理

2.5.1 什么是代理

代理其实就是一个中介,A和B本来可以直连,中间插入一个C,C就是中介。刚开始的时候,代理多数是帮助内网client访问外网server用的.

客户机在发送请求时,不会直接发送给目的主机,而是先发送给代理服务器,代理服务接受客户机请求之后,再向主机发出,并接收目的主机返回的数据再发送给客户机。

2.5.2 正向代理

比如我们国内访问谷歌,直接访问访问不到,我们可以通过一个正向代理服务器,先将请求发送到到代理服,代理服务器能够访问谷歌,这样由代理去谷歌取到返回数据,再返回给我们,这样我们就能访问谷歌了

正向代理代理的是客户端, 服务端不知道实际发起请求的客户端.

2.5.3 反向代理

 反向代理和正向代理的区别就是:正向代理代理客户端,反向代理代理服务器。

反向代理是指用代理服务器接收客户端的请求,然后将请求转发给网站内部应用服务器,并将从服务器上得到的结果返回给客户端.

2.5.4 Nginx实现反向代理

Nginx作为反向代理服务器安装在服务端,Nginx的功能就是把请求转发给后面的应用服务器.

  • 配置步骤

    • 第一步:简单的使用2个tomcat实例模拟两台http服务器,分别将tomcat的端口改为8080和8081

     

    • 第二步:启动两个tomcat。

    ./bin/startup.sh 
    访问两个tomcat
    http://192.168.52.100:8080/
    http://192.168.52.100:8081/ 

     

    • 第三步:反向代理服务器的配置

        #反向代理配置 
        #upstream中的server是真正处理请求的应用服务器地址
        upstream lagou1{
            #用server定义HTTP地址
            server 192.168.52.100:8080;
        }
        
        
        server {
            listen       80;
            server_name  www.lagou1.com;
            location / {
                # 利用 proxy_ pass可以将请求代理到upstream命名的HTTP服务
                proxy_pass http://lagou1;  #转发到的地址
                index  index.html index.htm;
            }
        }
        
        upstream lagou2{
            #用server定义HTTP地址
            server 192.168.52.100:8081;
        }
        
        
        server {
            listen       80;
            server_name  www.lagou2.com;
            location / {
                proxy_pass http://lagou2; 
                index  index.html index.htm;
            }
      }

     

    • 第四步:nginx重新加载配置文件

    nginx -s reload

     

  • 第五步:配置域名, 在hosts文件中添加域名和ip的映射关系

    192.168.52.100 www.lagou1.com
    192.168.52.100 www.lagou2.com

通过浏览器输入域名, 访问Nginx代理服务器, Nginx根据域名将请求转发给对应的目标服务器,作为用户我们看到的是服务器的响应结果页面,在整个过程中目标服务器相对于客户端是不可见的,服务端向外暴露的就是Nginx的地址.

2.6 负载均衡

2.6.1 什么是负载均衡

当一个请求发送过来的时候,Nginx作为反向代理服务器,会根据请求找到后面的目标服务器去处理请求,这就是反向代理. 那么, 如果目标服务器有多台的话,找哪一个服务器去处理当前请求呢 ? 这个合理分配请求到服务器的过程就叫做负载均衡.

2.6.2 为什么用负载均衡

当系统面临大量用户访问,负载过高的时候,通常会使用增加服务器数量来进行横向扩展, 负载均衡主要是为了分担访问量,将请求合理分发给不同的服务器, 避免临时的网络堵塞

2.6.3 负载均衡策略

2.6.3.1 轮询

  • 默认策略, 每个请求按照时间顺序逐一分配到不同的服务器,如果某一个服务器下线,能自动剔除

  • 配置方式

    #负载均衡 upstream lagouServer{ # 用server定义 HTTP地址 server 192.168.52.100:8081; server 192.168.52.100:8082; }

    server { listen 80; server_name www.lagouNB.com;

    location / {
        # 利用 proxy_ pass可以将请求代理到upstream命名的HTTP服务
        proxy_pass   http://lagouServer;
        index  index.html index.htm;
    }

    }#负载均衡 upstream lagouServer{ # 用server定义 HTTP地址 server 192.168.52.100:8081; server 192.168.52.100:8082; }

    server { listen 80; server_name www.lagouNB.com;

    location / {
        # 利用 proxy_ pass可以将请求代理到upstream命名的HTTP服务
        proxy_pass   http://lagouServer;
        index  index.html index.htm;
    }

    }

2.6.3.2 weight

  • 可以根据服务器的实际情况调整服务器权重。权重越高分配的请求越多,权重越低,请求越少。默认是都是1.

#负载均衡
upstream lagouServer{
    # 用server定义 HTTP地址
    server 192.168.52.100:8081 weight=1;
    server 192.168.52.100:8082 weight=10;
}

3.项目部署与发布

3.1 后台项目部署

3.1.1 Linux环境准备

1) 需要安装的软件

软件版本
JDK11
Tomcat8.5
MySQL5.7
Nginx1.17.8

2) 关闭防火墙

3) 使用SQLYog连接Linux上的MySQL, 导入SQL脚本 创建项目所需的数据库

 

3.1.2 项目打包发布

在平常开发的过程中,不同的环境中项目的相关配置也会有相关的不同,我们在不同的环境中部署就要手动修改为对应环境的配置,这样太麻烦了以及这样也会很容易出错。

接下来我们就通过maven的相关配置来在打包时指定各个环境对应配置文件

1. 修改ssm_dao 子模块

  • 修改后的目录结构

 

2. 第一步: 创建配置文件

在项目的src/main/resources 下面创建filter目录, 再创建 development.properties , product.properties 两个文件

  • development是开发配置内容。

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql:///ssm_lagou_edu?characterEncoding=UTF-8
jdbc.username=root
jdbc.password=123456
  • product是正式配置内容

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://192.168.52.100:3306/ssm_lagou_edu?characterEncoding=UTF-8
jdbc.username=JiuYuan
jdbc.password=JiuYuan@123

3. 第二步:配置jdbc.properties 文件

jdbc.properties中的内容不再写死,而是从上面两个文件中获取

 

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=${jdbc.url}
jdbc.username=${jdbc.username}
jdbc.password=${jdbc.password}

注意:${jdbc.url} 直接对应上面配置的development.properties或product.properties文件中的名称。

4. 第三步: 配置dao模块的的 pom.xml文件

添加如下配置

 <profiles>
        <profile>
            <id>dev</id>
            <properties>
                <!-- 测试环境 -->
                <env>development</env>
            </properties>
            <activation>
                <activeByDefault>true</activeByDefault>
            </activation>
        </profile>
        <profile>
            <id>prod</id>
            <properties>
                <!-- 正式环境 -->
                <env>product</env>
            </properties>
        </profile>
    </profiles>
​
    <build>
        <finalName>web</finalName>
        <filters>
            <filter>src/main/resources/filter/${env}.properties</filter>
        </filters>
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <excludes>
                    <exclude>filter/*.properties</exclude>
​
                </excludes>
                <filtering>true</filtering>
            </resource>
        </resources>
    </build>

5. profile说明

  • profile可以让我们定义一系列的配置信息,然后指定其激活条件。这样我们就可以定义多个profile,然后每个profile对应不同的激活条件和配置信息,从而达到不同环境使用不同配置信息的效果

  • 默认启用的是dev环境配置:

 <profiles>
        <profile>
            <id>dev</id>
            <properties>
                <!-- 测试环境 -->
                <env>development</env>
            </properties>
            <activation>
                <activeByDefault>true</activeByDefault>
            </activation>
        </profile>
        <profile>
            <id>prod</id>
            <properties>
                <!-- 正式环境 -->
                <env>product</env>
            </properties>
        </profile>
    </profiles>
  • 指定数据库配置文件路径,此路径可以自定义:

<filters>
    <filter>src/main/resources/filter/${env}.properties</filter>
</filters>
  • 指定资源目录路径

<resources>
    <resource>
        <directory>src/main/resources</directory>
        <!-- 资源根目录排除各环境的配置 -->
        <excludes>
            <exclude>filter/*.properties</exclude>
        </excludes>
        <filtering>true</filtering>
    </resource>
</resources>

6.第四步: 打包

  • 命令打包

打本地包 mvn -Pdev install 或者mvn install(因为本例activeByDefault配的为true)
打产品包 mvn -Pprod install
​
结果:src/main/resources/config/jdbc.properties根据 mvn -P 参数决定值
  • 使用idea打包

7.打包后的文件

  • 使用生产环境的配置文件,进行打包

  • 打开这个war包,我们会发现 其他子模块都已经被打成jar包,放到了lib文件夹下

8. 发布

  • 修改一下项目名称

 

  • 上传到tomcat中,启动测试

 

  • 在部署tomcat的 webapps目录下创建一个 upload文件夹,保存图片

mkdir upload

 

  • 访问

http://192.168.52.100:8080/ssm-web/user/login?phone=18211111111&password=123456

 

  • 获取到响应的JSON, 发布成功

 

3.2 前端项目部署

3.2.1 修改配置文件

  • 生产环境配置文件,配置后台URL

VUE_APP_NAME = Edu Boss
VUE_APP_TITLE = Lagou Edu Boss (Dev)
​
VUE_APP_STORAGE_PREFIX = lagou_edu_boss_dev
​
#VUE_APP_API_FAKE = /front
VUE_APP_API_FAKE = http://192.168.52.100:8080/ssm-web
​
#VUE_APP_API_BASE = /boss
VUE_APP_API_BASE = http://192.168.52.100:8080/ssm-web
  • 自定义配置文件,配置打包相关信息

将下面内容拷贝到 vue.config.js

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "/edu-boss/" : "/",
  indexPath: "index.html",
  assetsDir: "static",
  lintOnSave: process.env.NODE_ENV !== "production",
  productionSourceMap: false,
  devServer: {
    open: true,
    port: 8081
  }
};

3.2.2 打包测试操作

  • 打包命令

npm run build
  • 在项目下会生成一个 dist 目录

  • 在本地tomcat的webapps目录下,创建一个edu-boss文件夹,将dist目录中的文件拷贝到里面

  1. 测试: 启动本地tomcat ,访问前端项目 路径为:

http://localhost:8081/edu-boss/

3.3.3 发布前端项目

  1. 解压一个新的tomcat, 修改端口号

#解压
tar xvf apache-tomcat-8.5.50.tar 
#改名
mv apache-tomcat-8.5.50 ui-tomcat

​
#修改端口号
cd ui-tomcat/conf/
vim server.xml 

  1. 上传前端项目到 webapps

//上传 edu-boss.zip ,并解压
unzip edu-boss.zip 
​
//删除edu-boss.zip
rm -rf edu-boss.zip
  1. 运行前端项目,并访问

./bin/startup.sh 
​
//动态查看日志
tail -f logs/catalina.out 
​
//访问
http://192.168.52.100:8081/edu-boss/

3.3 修改tomcat默认访问项目

  • 打开前端tomcat的配置文件 server.xml, 找到 Host 标签

  1. 在Host标签内加入

​
<Context path="" docBase="edu-boss" reloadable="true" debug="0" privileged="true">
</Context>
​
  1. 重新启动 并访问前端项目,这个时候只需要直接访问 8081即可

http://192.168.52.100:8081/

3.4 配置反向代理

  1. 打开nginx的配置文件 nginx.conf

  1. 配置反向代理

#配置ssm项目 反向代理
    upstream lagouedu{
        server 192.168.52.100:8081;
    }
    
    server {
        listen       80;
        server_name  www.edu-boss.com;
​
        location / {
            
            proxy_pass http://lagouedu;  #转发的地址
            index  index.html index.htm;
        }
    }
  1. 修改本地hosts, 配置域名映射

  1. 访问 www.edu-boss.com

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值