1. 京淘项目前端项目发布

1.1 关于前端说明

  1. vue项目开发阶段采用脚手架的方式进行的开发,如果开发完成应该将项目打包编译.编译为浏览器可以识别的静态资源文件 (HTML/CSS/JS)
  2. Nginx可以作为web服务器.并且默认端口号80.

1.2 前端项目发布

1.2.1路径修改

说明: 前端向后端发起请求时,网址 http://localhost:8091/xxxx,实际开发中服务器都是通过域名的方式访问,所以需要将前端的网址统一改为域名.

  1. 修改main.js 修改ajax请求的前缀
    在这里插入图片描述
  2. 修改AddItem.vue文件 修改文件上传的路径
    在这里插入图片描述

1.2.2 前端项目打包

通过build方式,将前端项目编译打包.
在这里插入图片描述

1.2.3 前端项目发布

说明: 将前端生成的dist目录 复制到nginx根目录中 如图所示:
在这里插入图片描述

在这里插入图片描述

1.2.4 前端反向代理

需求: 用户通过域名http://www.jt.com 访问系统的首页index.html
配置信息:

#配置前端服务器 www.jt.com
	server {
		listen 80;
		server_name www.jt.com;
		location / {
			root   dist;
			index  index.html;
		}
	}

页面效果:
在这里插入图片描述

2. 京淘项目后端发布

2.1 项目部署流程

在这里插入图片描述

2.2 部署2台tomcat服务器

2.2.1 去除热部署

说明: 现在需要准备2台tomcat服务器,需要执行main方法2次.如果有热部署,则修改代码之后重启会影响配置流程. 所有关闭热部署.
在这里插入图片描述

2.2.2 动态获取端口

说明: 由于nginx中有负载均衡的策略 所以需要动态获取端口,验证是否负载均衡.

@RestController
public class PortController {

    @Value("${server.port}")
    private Integer port;

    @GetMapping("/getPort")
    public String getPort(){

        return "访问端口:" + port;
    }
}

2.2.3 代码调试

1.根据8091启动服务器.
2.修改yml文件中的端口号8092,之后再次启动服务
如图所示:
在这里插入图片描述
3. 根据端口号测试
在这里插入图片描述
在这里插入图片描述
如果上述的测试通过,则表示后台服务器配置正确.

2.2.4 IDEA主启动项说明

如图需要将允许多个运行勾选,之后可以运行多个java程序.
在这里插入图片描述

2.3 Nginx实现tomcat集群部署

2.3.1 配置nginx服务器

#定义tomcat集群
	# 负载均衡策略: 1.轮询策略
	upstream tomcats {
		server 127.0.0.1:8091;
		server 127.0.0.1:8092;
	}
	
	#配置后台服务器 manage.jt.com  8091/8092
	server {
		listen 80;
		server_name manage.jt.com;

		location / {
			#代理的是一个请求路径
			proxy_pass http://tomcats;
		}
	}

2.3.2 测试效果

在这里插入图片描述

2.4 Nginx负载均衡策略

2.4.1 轮询策略

说明: tomcat服务器依次访问.

#定义tomcat集群
	# 负载均衡策略: 1.轮询策略
	upstream tomcats {
		server 127.0.0.1:8091;
		server 127.0.0.1:8092;
	}

2.4.2 权重策略

说明: 根据权重设定,分配网络请求到不同的服务器中. 值越大访问越多.

#定义tomcat集群
	# 负载均衡策略: 1.轮询策略  2.权重策略
	upstream tomcats {
		server 127.0.0.1:8091 weight=10;
		server 127.0.0.1:8092 weight=1;
	}

2.4.3 IPHASH策略

需求: 如果需要让用户与服务器绑定.则可以使用ip_hash策略
使用说明:
1.方便进行压力测试.
2.某些用户的数据保存到服务器的Session中时,需要绑定数据.
3.公司特殊业务场景可能用到iphash.

#定义tomcat集群
	# 负载均衡策略: 1.轮询策略  2.权重策略  3.iphash策略
	upstream tomcats {
		ip_hash;
		server 127.0.0.1:8091;
		server 127.0.0.1:8092;
	}

算法说明:
在这里插入图片描述

3 Linux

具体内容参见课前资料的文档.

在这里插入图片描述

3.1 部署JDK

3.1.1 部署JDK流程

  1. 上传JDK安装包 /usr/local/src
  2. 解压安装包
  3. 修改Linux环境变量
  4. JDK环境测试

3.1.2 上传JDK

说明: 通过远程工具中的sftp协议,实现文件上传.
在这里插入图片描述

3.1.3 解压命令

命令: tar -xvf jdk-8u51-linux-x64.tar.gz

2.修改文件名称 mv jdk1.8.0_51 jdk1.8
在这里插入图片描述

3.1.4 编辑Linux环境变量

1.路径: /etc/profile
2.修改环境变量:
在这里插入图片描述

#设定jdk环境
export JAVA_HOME=/usr/local/src/jdk1.8
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=.:$JAVA_HOME/lib

3.让环境变量生效

source /etc/profile

3.1.5 检查JDK是否有效

在这里插入图片描述

作业

  1. 预习Linux 安装mariadb数据库 安装之前先打快照
    数据库安装文档

  2. 参照2105班课堂笔记完成Linux tomcat发布

  3. 预习项目发布流程 B站:2105-8-13下午视频

2105-8-13下午视频-祝愿大家都能找个好工作

GitHub 加速计划 / li / linux-dash
10.39 K
1.2 K
下载
A beautiful web dashboard for Linux
最近提交(Master分支:2 个月前 )
186a802e added ecosystem file for PM2 4 年前
5def40a3 Add host customization support for the NodeJS version 4 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐