1、购买轻量级服务器云资源:
PS:学习过程中建议购买低配够用就行,学生有优惠专属哈!
2、安装Xshell 5、Xftp 5工具
Xshell 5:Xshell是一个功能强大的终端模拟器,支持SSH、SFTP、TELNET、远程登录命令连接。
Xftp 5:Xftp是一个灵活和轻量级SFTP / FTP客户端用户需要安全地通过网络传输文件。它提供了强大的功能,如直接编辑多个窗格,文件夹同步,他们支持,服务器到服务器转移和第三方编辑器集成。
简单的说:Xshell让本地和服务器之间产生连接,Xftp让本地和服务器之间进行文件交换(上传和下载)。
使用步骤:
1、打开Xshell 5如下图所示:点击 左上角“新建”
2、创建服务器连接
名称:自定义
协议:SSH
主机:连接的服务器主机IP地址
端口号:22
3、用户密码登录(服务器购买之后可自定义密码)
登录成功后如下图所示:
3、为服务器安装JDK并配置环境变量
查找JDK命令:yum search jdk
安装JDK命令:yum install java-1.8.0-openjdk.x86_64
中途出现如下图所示页面,输入“y”继续
检查JDK是否安装完成:java -version
配置JDK环境变量:vim /etc/profile (环境变量不要乱改,不然所有命令无效的);输入命令后出现下图所示配置,按下I键插入文本、按esc退出编辑、q 退出、q!强制退出、输入:wq保存后退出)
输入JDK环境变量(结合自己的jdk路径,一般安装目录在/usr/lib/jvm下)
# set java env
JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk-1.8.0.302.b08-0.el7_9.x86_64
JRE_HOME=$JAVA_HOME/jre CLASS_PATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin
export JAVA_HOME JRE_HOME CLASS_PATH PATH
至此JDK已安装完毕!
4、为服务器安装Tomcat并启动
1、打开Xftp 5如下图所示:点击 左上角“新建”
2、创建服务器连接
名称:自定义
协议:SFTP
主机:连接的服务器主机IP地址
端口号:22
用户名:root
密码:服务器购买之后可自定义密码
3、登录成功后页面(左边:本地Window服务器、右边:Linux服务器)
将本地Tomcat安装包上传至Linux服务器中
下载安装压缩包插件命令:yum install -y unzip zip
4、Xshell 5解压命令:unzip apache-tomcat-8.5.72-windows-x64.zip(Tomcat压缩包)
5、解压成功后切换Xftp 5查看Tomcat安装结构如下图所示:
6、修改Tomcat中config文件夹下server.xml配置文件
7、切换Xshell 5启动Tomcat并查看是否成功运行(也可以直接在浏览器用服务器IP加端口进行访问)
注意:如果启动或者后续出现以下报错信息,原因是没有权限操作。
报错信息:Permission denied
解决方案:执行命令 sudo chmod -R 777 myResources(待授权的文件名)
-R: 是指级联应用到目录里的所有子目录和文件
777: 是所有用户都拥有最高权限
Tomcat安装也完结了,环境搭建准备就绪,接下来开始部署项目。
5、部署项目(前端项目参考)
1、对于Vue前端项目的进项打包,在Vue项目的目录运行下图所示命令,会在该目录下生成dist文件夹。
npm run build
2、切换Xftp 5把dist文件上传到服务器中Tomcat下webapps目录下
3、启动Tomcat进行访问
PS:1、项目打成jar情况下挂载命令:nohup java -jar demo-0.0.1-SNAPSHOT.jar &
2、查看是否挂载成功命令:ps -ef | demo-0.0.1-SNAPSHOT.jar
4、问题收集
如果出现部署到服务器后Element UI图标不显示报错问题
解决办法:打开 build/utils.js 文件,在如下位置添加 publicPath: ‘…/…/’
修改之后重新打包发布,问题解决!