项目部署到Linux(虚拟机)

项目部署到Linux(虚拟机)

之前的博客,我们的虚拟机已经安装了jdk、tomcat、mysql5.7、redis、以及node.js

现在我们尝试把项目部署到虚拟机Linux上

前置工作

连接FinalShell

我们在mysql的博客里以及介绍了如何把mysql和本地的navicat相连接,这次为了方便管理虚拟机,我们使用FinalShell(XShell也可以)和虚拟机连接。

虚拟机获取ip地址

ifconfig

点击后选择Linux连接(SSH)

后连接

出现连接成功表示已经和虚拟机连接上了

开放防火墙端口

在mysql的博客里提到过,开放防火墙的3306给mysql,本项目也使用到了两个端口8080和9527,要想访问到前端们就需要开放这两个端口,如果tomcat占用了8080,要么换个端口号,要么停止tomcat

##查看防火墙状态
systemctl status firewalld
 
##开启防火墙
systemctl start firewalld
 
##查看已开放端口
firewall-cmd --list-ports
 
##永久开放8080端口
firewall-cmd --zone=public --add-port=8080/tcp --permanent  

##永久开放9527端口
firewall-cmd --zone=public --add-port=9527/tcp --permanent  
 
##重新加载,使设置生效
firewall-cmd --reload

看到sucess,表示成功开放

前端启动

这个项目是一个前后端分离的项目,先来介绍前端怎么启动

借助于FinallShell,我们可以直接把项目前端所在的文件夹上传到虚拟机指定的路径(也可以打包后rz上传再解压)

进入到前端对应的目录

执行npm install

npm install

执行npm run serve

npm run serve

如果出现node_modules/.bin/vue-cli-service: Permission denied表示权限不足的错误

执行如下命令即可解决

chmod 777 目录(根目录到前端页面目录)/node_modules/.bin/vue-cli-service
chmod 777 /home/admin/desktop/trainProject/easy-backend-ui/node_modules/.bin/vue-cli-service

执行成功后就可以看到路径

选择Network的复制到浏览器

后端启动

注意:在执行后端前,要先把数据库的sql文件导入项目所写的mysql连接的地方

在finallShell新开一个连接来开启后端

这里的后端是springboot的项目,我们要打成jar包的形式运行

Idea右上角的maven中选择Lifecycle的package

上传到服务器的指定路径

进入该路径,执行

java -jar niua-admin.jar

这个项目mysql5.7版本似乎看不到

登录后界面

经验分享 程序员 微信小程序 职场和发展