linux项目部署

Linux上部署前端与后端项目实战

原创已于 2022-06-24 11:14:08 修改 · 置顶 · 2.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#java

于 2022-04-09 13:57:21 首次发布

本文详细介绍了如何在Linux环境中部署前端和后端项目，包括前端域名访问后端集群、Nginx配置、JDK与MariaDB安装、数据库权限设置、项目打包发布以及Nginx反向代理等步骤，确保前端与后端的顺利通信。

1. 实现前端项目发布

1.0 前后端调用

说明:
前端: web.jt.com
后端: manage.jt.com (8091/8092)

要求:
前端通过域名访问后端的集群.

修改main.js

2.编辑addItem.vue 文件

1.1 项目编译

1.2 检查生成好的文件

1.3 前端项目发布

说明: 将前端编译后的文件目录,粘贴复制到Nginx根目录中,如图所示.

1.4 编辑nginx.conf文件

实现域名与静态资源文件映射

2. 远程链接工具

使用VMware装上centos 并更改ip地址为你要部署的地址上。

2.1 创建链接

2.2 远程链接调试

3.1 安装步骤

3.1.1. 下载jdk安装包

说明: 将windows中的tar.gz的文件上传到Linux系统中,如图所示

解压JDK

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

更改jdk文件名称,其实更改不更改看自己不更改依旧可以

命令：mv jdk1.8.0_51 jdk1.8

检查JDK是否有效

编辑JDK 环境配置

编辑：linux 环境配置 vim /etc/profile
环境变量生效：
1. 重启Linux服务器。
2.刷新环境变量 source /etc/profile

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

3.2 Linux 安装Mariadb数据库

注意：如果java项目里连接的是远程数据库，那么就不需要进行安装，配置好数据库连接地址和密码即可。如果需要使用下载的数据库可以进行下载一个到linux中。

一般情况下linux是没有权限访问数据库的，所以不管是远程的还是自己linux下载的都需要进行配置权限。

导入数据库时使用Navicat 直接填写两个数据库地址及表格可直接进行传输数据。非常方便，本文后面的数据库传输数据略麻烦。

测试: 当前虚拟机是否可以正确的链接外网.

命令:

[root@localhost src]# yum install mariadb-server 安装mariadb数据库
[root@localhost src]# yum clean all 清空已安装文件如果下载失败之后执行的.

确认下载

安装完成提示

数据库启动

   1. 启动命令 [root@localhost src]# systemctl start mariadb
   2. 重启命令 [root@localhost src]# systemctl restart mariadb
   3. 关闭命令 [root@localhost src]# systemctl stop mariadb
   4. 设定开机自起 [root@localhost src]# systemctl enable mariadb
   5. 关闭开机自起 [root@localhost src]# systemctl disable mariadb

数据库初始化操作

命令: mysql_secure_installation

测试数据库用户名和密码是否有效

Mysql数据库远程访问配置

当前地址为连接的虚拟机ip地址，账号密码是自己设置的

关于链接数据库的说明

说明:
1. 如果需要远程链接数据库必须通过防火墙
2. 如果远程链接数据库,数据库中必须开启远程访问权限才行,否则拒绝链接.

配置数据库权限配置说明

配置Linux数据库权限

切换数据库mysql

修改数据库表

1).检查数据表

2).查询user表中的host/root/password

3).将host=“localhost” 改为 “%”

4).刷新数据库权限

数据库远程测试

备份数据库

点击备份操作

2. 选择导出的位置

导入数据库

1.点击导入

2. 导入数据之后执行刷新即可.

方式2:
如果mysql数据库需要导入数据表命令如下:
命令: source /xxx/xxxx/xxxx/jt.sql;

3.4 Linux项目发布配置

1.修改文件上传的目录

2. 检查Linux mysql密码是否正确

项目打包

此处会显示打包的地址。

上传jar包文件

启动项目

启动jar命令： java -jar 8091.jar &

查看jar进行：ps aux |grep 8091.jar

杀死jar进程： kill -9 进程id（例如：25446）

进行运行jar包，运行后端项目

后端运行

命令： nohup java -jar 8091.jar => 8091.log &
命令说明：将运行的方式改为后端运行，所有的日志输出端到8091.log日志中。通过cat 8091.log 检查日志。

检索java进程命令：jps

1. Nginx安装步骤

1.1 官网介绍

http://nginx.org/en/download.html

1.2 上传安装包

上传到指定目录中 /usr/local/src

1.3 解压Nginx 压缩文件

tar -xvf nginx-1.19.4.tar.gz

1.4 修改文件名称

mv nginx-1.19.4 nginx-source

1.5 安装nginx服务器

说明:在nginx-source的根目录中执行如下命令
0. 需要提前安装nginx的依赖项

yum -y install gcc pcre-devel zlib-devel openssl openssl-devel

1. 安装完依赖项后执行 ./configure

直接结果:

问题补充: 如果 ./configure 报错没有权限,则执行如下命令

chmod + x configure

执行完./configure 继续：

在nginx-source的根目录中执行 make

以及执行 make install

执行以上操作后，nginx会在其他目录生成：

Nginx工作目录说明

说明: 查找工作目录
路径: whereis nginx

跳转到Nginx工作目录，在这个目录进行操作，不是安装的目录

nginx命令

进入nginx/sbin目录中执行

1.启动命令: ./nginx
2.重启命令: ./nginx -s reload
3.关闭命令: ./nginx -s stop

上传前端静态资源

说明: 将前端的web资源上传到nginx的根目录下.

前端文件位置

修改nginx配置文件

需求说明:
1.实现图片反向代理
2.前端业务代理
3.后端tomcat集群代理

#配置图片代理 image.jt.com
	server {
		listen 80;
		server_name image.jt.com;
		location / {
			root /usr/local/src/images;
		}
	}
	
	#配置前端代理 www.jt.com
	server {
		listen 80;
		server_name www.jt.com;
		location / {
			root  dist;
			index index.html;
		}
	}

	#配置后台服务器集群     如果没有集群写一个即可
	upstream tomcats{
		server 192.168.126.129:8091;
		server 192.168.126.129:8092;
		server 192.168.126.129:8093;
	}
	
	#配置后端代理 manage.jt.com
	server {
		listen 80;
		server_name manage.jt.com;

		location / {
			proxy_pass http://tomcats;   #此处会代理跳转到上面的集群
		}
	}

完整的如下：

server {
		listen       80;
		server_name  你的域名;

		#后台服务配置，配置了这个location便可以通过http://域名/jee-boot/xxxx 访问		
		location ^~ /jeecg-boot {
			proxy_pass              http://127.0.0.1:8080/jee-boot/;
			proxy_set_header        Host 127.0.0.1;
			proxy_set_header        X-Real-IP $remote_addr;
			proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
		}
		#解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题
		location / {
			root   html;
			index  index.html index.htm;
			if (!-e $request_filename) {
				rewrite ^(.*)$ /index.html?s=$1 last;
				break;
			}
		}
	}

提醒：有的版本nginx配置需要加上 Upgrade 和Connection 协议头，不然WebSocket会404

上传之后重启nginx服务:

修改hosts文件

#  IP 与   域名映射
#	127.0.0.1       localhost
#	::1             localhost

#图片服务器配置
#127.0.0.1       image.jt.com
192.168.126.129  image.jt.com
#前端服务器配置
#127.0.0.1       www.jt.com
192.168.126.129  www.jt.com
#后端服务器配置
#127.0.0.1       manage.jt.com
192.168.126.129  manage.jt.com

nohup java -jar xxx.jar > xxxx.out 2>&1 &