nginx&项目部署与发布

RG
265 阅读12分钟

nginx

什么是nginx?

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

优点：

  1. 占用内存少，并发能力强
  2. Nginx专为性能优化而开发, 在高连接并发的情况下，能够支持高达 50,000 个并发连接数的响应.
  3. Nginx支持热部署, 可以在不间断服务的情况下,对软件版本进行升级.

应用场景

  1. http服务器: Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。
  2. 虚拟主机: 可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。
  3. 反向代理，负载均衡 : 当网站的访问量达到一定程度后，单台服务器不能满足用户的请求时，需要用多台服务器集群可以使用nginx做反向代理。并且多台服务器可以平均分担负载，不会因为某台服务器负载高宕机而某台服务器闲置的情况。

Nginx安装

下载nginx, 官方网站：nginx.org/

使用的版本是1.17.8版本。

02.jpg

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

安装环境配置

  1. 因为Nginx是C语言编写的,所以需要配置C语言编译环境 (一定要在联网状态下安装)
需要安装gcc的环境。执行命令: 
yum install gcc-c++

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

03.jpg

解决办法:

问题是 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

安装Nginx 步骤

  1. 将Nginx的源码包上传到 Linux
  2. 解压Nginx
tar -xvf nginx-1.17.8.tar

04.jpg

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

05.jpg

  1. 执行命令 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文件

07.jpg

  1. 创建临时文件目录
mkdir /var/temp/nginx/client -p
  1. 执行make命令,进行编译
make
  1. 安装
make install

08.jpg

启动并访问 Nginx

  1. 进入到nginx 安装目录
cd /usr/local/nginx/

09.jpg

  1. 进入到 sbin目录,执行 nginx 命令
./nginx 启动
./nginx -s stop 关闭
ps aux | grep nginx 查看进程

10.jpg

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

11.jpg

配置虚拟主机

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

如何区分不同的网站:

  1. 端口不同
  2. 域名不同

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

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;
        }
    }
}
使用Notpad,连接Linux

使用notepad++来连接linux，好处是使用notepad++来编辑linux中文件的批量文字，会比直接在linux中操作方便快捷很多.

  1. Notepad 插件中安装NppFTP

12.jpg

  1. 打开NppFTP

13.jpg

  1. 选择设置

14.jpg

  1. 配置连接信息

15.jpg

  1. 连接

16.jpg

配置nginx.conf
  1. 使用Notpad 在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;
        }
    }

}
  1. 复制一份 html目录
cp -r html html81

17.jpg

  1. 重新加载配置文件
sbin/nginx -s reload
  1. 访问
http://192.168.52.100 访问第一个server

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

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

什么是域名

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

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

19.jpg

  1. 使用SwitchHosts,修改hosts
  • 解压

21.jpg

  • 右键 以管理员身份运行

22.jpg

  • 配置IP与域名的映射

23.jpg

配置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

24.jpg

  • 修改一下index.html 中,刷新
sbin/nginx -s reload
  • 访问

26.jpg

25.jpg

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

反向代理

什么是代理

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

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

正向代理

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

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

35.jpg

反向代理

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

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

36.jpg

Nginx实现反向代理

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

28.jpg

配置步骤

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

38.jpg

  • 第二步：启动两个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的映射关系

39.jpg

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

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

负载均衡

什么是负载均衡

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

34.jpg

为什么用负载均衡

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

负载均衡策略

轮询
  • 默认策略, 每个请求按照时间顺序逐一分配到不同的服务器,如果某一个服务器下线,能自动剔除
  • 配置方式
#负载均衡 
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;
    }
}
weight
  • 可以根据服务器的实际情况调整服务器权重。权重越高分配的请求越多，权重越低，请求越少。默认是都是1.
#负载均衡
upstream lagouServer{
	# 用server定义 HTTP地址
	server 192.168.52.100:8081 weight=1;
	server 192.168.52.100:8082 weight=10;
}

项目部署与发布

后台项目部署

Linux环境准备

  1. 需要安装的软件 软件 | 版本 | | ---------- | ------ | | JDK | 11 | | Tomcat | 8.5 | | MySQL | 5.7 | | Nginx | 1.17.8

  2. 关闭防火墙

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

52.jpg

项目打包发布

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

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

1. 修改ssm_dao 子模块
  • 修改后的目录结构

54.jpg

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中的内容不再写死,而是从上面两个文件中获取

55.jpg

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打包

56.jpg

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

57.jpg

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

58.jpg

8. 发布
  • 修改一下项目名称

59.jpg

  • 上传到tomcat中,启动测试

60.jpg

  • 在部署tomcat的 webapps目录下创建一个 upload文件夹,保存图片
mkdir upload
  • 访问
http://192.168.52.100:8080/ssm-web/user/login?phone=18211111111&password=123456
  • 获取到响应的JSON, 发布成功

61.jpg

前端项目部署

修改配置文件

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

62.jpg

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
  • 自定义配置文件,配置打包相关信息

63.jpg

将下面内容拷贝到 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
  }
};

打包测试操作

  • 打包命令
npm run build
  • 在项目下会生成一个 dist 目录

64.jpg

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

65.jpg

  1. 测试: 启动本地tomcat ,访问前端项目 路径为:
http://localhost:8081/edu-boss/

发布前端项目

  1. 解压一个新的tomcat, 修改端口号
#解压
tar xvf apache-tomcat-8.5.50.tar 
#改名
mv apache-tomcat-8.5.50 ui-tomcat

66.jpg

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

67.jpg

68.jpg

  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/

修改tomcat默认访问项目

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

70.jpg

  1. 在Host标签内加入
<Context path="" docBase="edu-boss" reloadable="true" debug="0" privileged="true">
</Context>
  1. 重新启动 并访问前端项目,这个时候只需要直接访问 8081即可
http://192.168.52.100:8081/

配置反向代理

  1. 使用notpad打开nginx的配置文件 nginx.conf

69.jpg

  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, 配置域名映射

71.jpg

  1. 访问 www.edu-boss.com

72.jpg

avatar
文章
阅读
粉丝