本地/阿里云利用Tomcat服务器部署前端项目

2020-12-22

Tomcat

Tomcat 服务器是一个免费的开放源代码的 Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试 JSP 程序的首选。对于一个初学者来说,可以这样认为,当在一台机器上配置好 Apache 服务器,可利用它响应 HTML标准通用标记语言下的一个应用)页面的访问请求。实际上 Tomcat 是 Apache 服务器的扩展,但运行时它是独立运行的,所以当你运行 Tomcat 时,它实际上作为一个与 Apache 独立的进程单独运行的。

本地搭建 Tomcat

1.官网下载 Tomcat 压缩包

image.png

2.配置 Java 环境

可以到该博客下的另外一篇文章进行查看

验证是否配置成功

java -version

image.png

启动 Tomcat

直接浏览器访问:localhost:8080

我在配置的时候出现以下问题:

原因: Tomcat 所在的文件夹读写权限未开启。

解决方法: 选中 Tomcat 文件和右键,选择属性-> 安全菜单进行权限修改,然后确定,以管理员身份运行即可。

最后本地浏览器访问出现以下页面证明访问成功:

image.png

接下来直接把项目文件夹移动到 webapps 下面即可:
访问方式:localhost:8080/name/xxx ( name:代表项目的名字,xxx 是入口文件即网页的主页面)
image.png

以上为本地搭建 Tomcat 服务器部署项目,接下来介绍如何通过服务器部署。

前端项目没有 war 包,war 包就是 Java 项目编译完以后的文件 进行了一个打包 后缀为 war,一般是 Javaweb 项目

服务器搭建 Tomcat

我用的阿里云服务器,利用 Xshell 进行连接服务,并结合 FileZilla 进行传输文件的。

服务器查看是否配置了 Java 环境

java -version

image.png

未成功的话:
image.png

服务器配置 Java 环境:

安装 JDK
这里直接推荐学长的博客

sudo mv jdk-8u121-linux-x64.tar.gz /usr/lib/jvm 
tar -zxvf jdk-8u121-linux-x64.tar.gz
rm -f jdk-8u121-linux-x64.tar.gz

下载 JDK

1、官网下载:
官网
image.png

2、以下链接
链接:
提取码:qyxl

3、上传 JDK
需要把压缩包传到 /usr/lib/jvm ,如果没有此文件夹需要创建:
以下有关的命令和解释

/为linux下的根目录
mkdir name 在该目录下创建出name名字的文件夹

错误案例:
image.png

cd / 是切换到根目录下的
cd ./ name  进入到该文件夹下面
pwd 展示现在所处的文件位置

这里有一些常识:

bin 一般放一些脚本
lib 一般放动态链接库或者第三方的库等

解压缩文件 jdk...为文件名字

tar -zxvf jdk-8u121-linux-x64.tar.gz

压缩文件 非打包

# touch a.c       
# tar -czvf test.tar.gz a.c   //压缩 a.c文件为test.tar.gz
a.c

列出压缩文件内容

# tar -tzvf test.tar.gz 
-rw-r--r-- root/root     0 2010-05-24 16:51:59 a.c

rm 是删除命令 f 是强制删除 r 是递归删除(文件夹需要递归)
所以一般都使用 rm -rf name 删除文件

接下来是一堆 VIM 操作:

vim test.txt  //创建test.txt 文本
/*然后  i进入插入模式
保存退出之前需要按下 esc
:wq 是保存并退出
*/
vim name.txt  //打开了文本名字为name的文本

然后就是 sudo 命令的普及:
sudo
Linux sudo 命令以系统管理者的身份执行指令,也就是说,经由 sudo 所执行的指令就好像是 root 亲自执行。

配置所有用户的环境变量
gedit 是 Ubuntu 图形化工具 命令行只有 vim.

sudo vim /etc/profile
ls //展示当前文件夹下都有什么内容

在文件的最后添加以下内容:

1#set Java environment
2
3export JAVA_HOME=/usr/lib/jvm/jdk1.8.144
4export JRE_HOME=$JAVA_HOME/jre
5export CLASSPATH=.:$JAVA_HOME/lib:$JRE_HOME/lib:$CLASSPATH
6export PATH=$JAVA_HOME/bin:$JRE_HOME/bin:$PATH

使环境变量立即生效

source /etc/profile

检验是否成功

java -version

安装 Tomcat

第三方的软件 安/opt 里面

wget https://apache.website-solution.net/tomcat/tomcat-8/v8.5.61/bin/apache-tomcat-8.5.61.tar.gz

检查 8080 端口有没有被占用

lsof -i:8080

如果有以下报错:
image.png

先安装 lsof
yum install lsof
然后再运行 lsof -i:8080
image.png

接着发现 8080 被占用了然后要修改 Tomcat 的默认端口
tomcat\conf\server.xml

先将刚才下载的文件夹解压:

tar -zxvf apache-tomcat-8.5.61.tar.gz

cd apa 然后按 tab 键 进入文件夹,然后进入 conf,看看有没有一个 server.xml
ls 展开查看

image.png

先 VIM 打开文件再搜索
vim server.xml 然后 /8080
问题一:我直接开始了搜索:

image.png

image.png

这种情况还是先按 i 进入编辑然后 esc 然后输入 :q! 强制退出
查看只有一个 8080 端口
image.png

<!-- --> 这是注释吧
image.png

进入 Tomcat 下面的 bin 目录 找 start sh 文件

cd ./ apa 错误代码

cd ../bin .. 代表返回上一层且路径中间不能有空格的

nohup bash startup.sh >/dev/null 2>&1 & 直接执行这个文件
image.png
学长博客 关于 nohup 的用法

当服务跑起来以后:
在服务器中 curl http://localhost:8090

curl 是一个利用 URL 规则在命令行下工作的文件传输工具。它支持文件的上传和下载,所以是综合传输工具,但按传统,习惯称 url 为下载工具。

发现是传输的代码:
image.png

证明服务已经跑起来了 8090 端口正在传输数据
接着去阿里云管理界面 把 8090 打开就行

正常访问:
image.png
把项目文件 直接放置在 webapps 下就能访问了

这是一种方式 比较简单 直接 ip 端口访问
或者 https://tomcat.rainsheep.cn/ 反向代理了下(还未了解到)

一些重要概念:
端口对应的是应用. 就是 Tomcat
目录就是你的项目根目录
8080 端口默认访问的项目 原因:因为都是通过 HTML 协议访问的
然后访问:localhost:8080/name/xxx

最后我的界面:
虽然不是美观,但已经是第一次制作:
image.png


标题:本地/阿里云利用Tomcat服务器部署前端项目
作者:xiaob0
地址:https://xiaobo.net.cn/articles/2020/12/22/1608648552132.html