520七夕情人节部署一个表白h5页面到服务器- 祝成功

---

一、背景

  马上就快要过七夕了，给大家准备了一个比较浪漫的作品，具体如何部署到自己的服务器上，如何修改里面的内容，如何显示自己想对她说的，本文做了详细的介绍可以发给自己喜欢的人，有链接，http://bj0:9999/biaobai/，可以参考一下，祝每个人都能不是单身狗，找到自己的另一半。

二、准备

---

$1.准备一台服务器$

  对于服务器，我们可以选择购买阿里云的，不知道如何购买的小伙伴请参考我之前写的一篇文章：如何购买低成本的阿里云服务器来学习服务端相关的知识。

---

$2.下载tomcat压缩包$

   方式一、通过tomcat官网下载tar包,我是下载了tomcat
8.5版本，官网地址如下：https://tomcat.apache.org/download-80.cgi
   方式二、我已经下载好了，可以下载我提供的tomcat tar包。github地址：git仓库。

---

$3.服务器上配置java环境$

  tomcat在服务器上启动是需要java jdk环境的，所以我们需要进行配置，这里就不展开说明了，可以参考之前的文章第三部分进行配置java环境，安装JDK并配置环境变量。

---

$4.下载h5页面文件$

   从git上下载即可：git仓库，下载后内容如下。

---

$5.windows上安装unix子系统$

   我们可以安装一个unix子系统，这样我们可以通过他直接连接阿里云服务器，不需要通过xshell软件连接，而且他也可以上传我们的tomcat，jdk，h5压缩包，不用通过xftp去连接上传了，当然，通过这些经典工具上传也挺简单的，看你的需要了，想要在unix子系统上通过命令进行操作的，可以参考这篇文章在windows系统上安装Ubuntu子系统。本节部署h5表白页面时我们会通过Ubuntu子系统通过命令进行操作。

---

三、实战

   下面的操作默认上面的内容都准备好了，即服务器已经买好，已经配置好java环境，假如你的服务器没有配置java环境，可以参考这篇文章，里面有一小节介绍配置java环境的内容，部署spring boot 项目到阿里云服务器将基于此进行实际操作。

---

$1.连接阿里云服务器$

   （1）打开Unbutu，通过下面命令连接服务器，bj0为服务器ip地址,root为我的阿里云账户，换成自己的ip和账户就可以了，可能会要求输入密码，输入登陆即可。

ssh root@bj0

   （2）我们可以验证一下是否已经装好了java环境。

java -version

---

$2.部署tomcat到服务器$
(1)登陆服务器后创建一个目录

mkdir item

（2）进入该目录

cd item

(3)通过scp命令tomcat压缩包上传到服务器这个目录下，上传时不是使用Unbuntu软件，是打开cmd窗口执行下面命令，执行后会提示输入服务器密码。

scp D:\atomcat\apache-tomcat-8.5.66.tar.gz    root@bj0:/item/

(4)在Unbutu软件中解压上传的tomcat包.

sudo tar zxvf apache-tomcat-8.5.66.tar.gz

(5)修改tomcat的访问端口

1. 进入server.xml配置文件。
   

2. 修改外界访问tomcat端口号为9999。
   
   （6）登陆阿里云网站，打开要部署该项目的实例，选择配置安全组链接，跳转到下面页面，新增一个入方向的访问规则，开放9999端口。
   
   (6)测试tomcat是否配置成功

3. 在Ubuntu软件中执行下面操作

cd apache-tomcat-8.5.66/
cd bin
./startup.sh

4. 打开浏览器输入ip加端口号，会显示tomcat的主页。

---

$3.部署表白网站$
（1）跟上传tomcat一样的方式在cmd里面输入下面命令上传biaobai.zip。

scp C:\Users\徐健康\Desktop\biaobai2021\biaobai520or77\biaobai.zip    root@bj0:/item/

（2）进入tomcat的webapps目录下，删除里面的所有内容

rm -rf ROOT
rm -rf docs
rm -rf examples
rm -rf host-manager
rm -rf manager

(3）将上传的表白zip包解压到tomcat的webapps目录下

unzip -d /item/apache-tomcat-8.5.66/webapps biaobai.zip

（4）到tomcat的bin目录下执行下面命令重启tomcat

./shutdown.sh
./startup.sh

---

$4.修改表白网站内容$
（1）可以自行进入webapps\biaobai目录,修改index.html

vim index.html

（2）修改完成以后，到tomcat的bin目录下执行下面命令重启tomcat

./shutdown.sh
./startup.sh

---

四、演示

   打开浏览器访问下面地址查看页面，bj0为你的ip,biaobai为你的webapps下的项目目录名。

http://bj0:9999/biaobai/

---

五、总结

  以上就是关于如何部署表白网站的全部内容，希望能够帮到大家，这篇文章可以收获如何将一个h5前端页面部署到阿里云服务器上，如何配置服务器以满足网站能够对外可访问等等，另外最最重要的是，可以发给你的好朋友。觉得不错的话，欢迎微信搜索关注java基础笔记，后面会不断更新相关知识，大家一起进步。