一、背景描述
1.1项目描述
包含了一个前端项目(Vue)和一个后端项目(nodejs)加上一个mysql,项目使用轻服务,不需用到数据库;
1.2、服务器描述
这看你自己的服务器
二、服务器环境搭建
2.1安装node
1、描述
为了避免版本不兼容,可通过node -v命令查看原先使用的node版本,在linux服务器中安装相同版本的node,我的是v16.7.0;
2、进入/opt/node目录
mkdir -p /opt/node
cd /opt/node
3、从 Node.js
的站点 中获取压缩档源代码,我选择的版本为v16.7.0
https://nodejs.org/dist/v16.7.0/node-v16.7.0-linux-x64.tar.gz
4、解压文件,并进入文件夹
tar zxf node-v16.7.0-linux-x64.tar.gz
cd node-v16.7.0
5、设置全局环境变量,为了能够在全局使用node命令
ln -s /opt/node/node-v16.7.0-linux-x64/bin/node /usr/local/bin/node
ln -s /opt/node/node-v16.7.0-linux-x64/bin/npm /usr/local/bin/npm
6、查看是否成功设置
node -v
npm -v
7、 安装pm2
pm2
用于启动程序并在需要时重启非常有用的模块,可以随时查看服务的运行状态
npm -g install pm2
9、设置全局变量
ln -s /opt/node/node-v16.7.0-linux-x64/bin/pm2 /usr/local/bin/pm2
补充:
- 通过
pm2 list
检视运行中的应用- 通过
pm2 stop test
停止应用- 通过
pm2 delete test
删除应用- 通过
pm2 log app
查看应用日志
2.2安装mysql
1、寻找社区源安装到/opt/mysql中
cd /opt/mysql
wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm
rpm -ivh mysql-community-release-el7-5.noarch.rpm
2、通过yum安装
yum install mysql mysql-server mysql-devel -y
3、启动mysql
systemctl start mysql.service
4、设置用户和密码通过yum安装的是没有用户名和密码的,所以得设置
mysqladmin -u root password admin
用户名为root
,密码为admin
5、设置好后就可以登录了
mysql -uroot -padmin
查看数据库
show databases;
自此,数据库配置完毕
2.3启动node应用
1、我们把自己的node项目
通过右键传输传进/opt/自定义文件夹/
里,当然数据库文件也要一同传上去以便初始化
cd /opt/www
pm2 start index.js
后面--name
可以写,重命名的意思
当出现下面表格说明成功启动了
到这里node启动就完成了
三、安装配置tomcat
1、安装
yum
上没有tomcat
的源,可以到官网去下载最新的,并使用如下方式下载解压,通过mv
命令移动文件夹
cd /opt/tomcat
wget http://mirrors.tuna.tsinghua.edu.cn/apache/tomcat/tomcat-7/v7.0.92/bin/apache-tomcat-7.0.92.tar.gz
tar xzf apache-tomcat-7.0.92.tar.gz
mv apache-tomcat-7.0.92 /usr/local/tomcat7
2、启动tomcat
/usr/local/tomcat7/bin/startup.sh
3、验证
netstat -anp|grep 8080
4、安全组开放端口
5、vue打包好的文件传送到tomcat中,如图:我在webapps中新建了个文件夹,这样将来访问路径就会多出二级路径jqqzz,当然大家都可以放到根目录不必创建二级路径
6、在jqqzz
项目中新建文件夹WEB-INF
,再里面新建文件web.xml
编辑文件,把如下插入到文件中,处理404
返回index.html
页面,并且处理history
模式
<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
version="3.0"
metadata-complete="true">
<display-name>webapp</display-name>
<description>
webapp
</description>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>
这样访问 ip:8080/jqqzz
就可以进到自己的项目啦注意:在某些时候,一些命令操作文件的时候会没有权限导致失败,这时使用一下命令给予文件或文件夹权限,777为所有用户拥有最高权限,R表示允许其目录下的子目录的文件及文件夹
chmod 777 文件夹或文件名
chmod 777 *.文件类型
这样所有工作就都大功告成了