新手如何在阿里云服务器上搭建自己的个人网站

如何在阿里云服务器上搭建自己的个人网站（阿里云服务器、tomcat服务、xshell+WinSCP(服务器本地助手)、写好的静态网页）。 本博客主要分享本人在网站搭建的整个流程和其中遇到的问题及解决方案。（本人搭建的网站遇到的坑也是通过网上教程解决的。如果有小伙伴按本博客流程没有成功搭建网站，可以去网上找找其他解决方案或者私信我，我会尽力帮你解决）

一）技术路线图

图0 技术路线图

二）阿里云服务器

主要分享：阿里云服务器购买、域名购买、域名备案，域名解析到服务器，云服务器网页端简单使用

1）购买服务器（学生服务器）

购买云服务器存放网页，可以让我们通过公网IP访问到自己的网页。同时，无论是在移动端还是桌面端浏览器都能通过ip地址看到我们的网页了。
这里介绍阿里云学生服务器的购买。
阿里云学生套餐（12-24岁自动获得学生身份）：价格9.5一个月；配置CPU 1核；内存 2GB；SSD 40GB；限峰值带宽 5Mbps。这配置对于搭建个人网站已经可以了

1） 阿里云官网链接https://promotion.aliyun.com/ntms/act/campus2018.html?spm=5176.12818093.0.0.488716d0nYwTcc

图1 选择云服务器，和选择如图配置，9.5的云服务器就到手了

2）点击阿里云右上角的控制台，查看当前账户下购买的云服务器
图二 点击控制台

图三 进到控制台后，点击云服务器ECS

3）点击云服务ECS查看配置和查看可使用的功能

图四 查看服务器的公网IP 点击实例就可查看服务器的更多参数

[图五 服务器参数和操作栏】

图六 下拉查看更多配置

4）点击远程连接，可网页端操作服务器
图七 点击远程连接，可在网页端操控服务器（后面介绍如何在网页端使用服务器）

这样服务器就到手了。

2）购买域名

购买域名的目的是为了：访问服务器的网页的时候不用111.122.O.1:8080/index.html（ip + 端口 + 网页） 这种方式去访问服务器上的网页，而直接使用域名（相比IP地址简单易记）+ 端口 + 网页的方式，如我们把域名 qwe.com解析到IP地址111.122.O.1，服务端口8080改为80，我们就可以直接使用qwe.com访问我们的网站了（111.122.O.1:80/index.html）。如果你不希望通过域名访问你的部署在服务器的网页，这购买域名、备案域名、解析域名这三步可以跳过，直接到配置安全组。
1）回到阿里云控制台下，点击左上角，点击域名

图八 点击域名菜单

图九 点击域名注册

图十 选择自己想要的域名购买

图十一 回到域名服务业，看到域名到手

域名购买成功后，我们还需要备案和域名解析才能通过域名访问我们的网页。

3）备案个人域名

备案域名的目的：在中华人民共和国境内提供互联网信息服务，应当依法履行ICP备案手续。工信部要求备案域名必须完成域名实名认证，未完成实名认证、实名信息与备案信息不一致等会被管局驳回。阿里云免费提供备案服务。所以想要域名可以用就必须备案，阿里云这边备案流程官网上比较详尽，而且备案效率比较高，申请也很简单（身份证…手机自拍…）。下面分享下官方网站和流程截图。（其中备案地区最好选择你的身份证所在地，就避免办理临时身份证这些事了）。这里备案的是个人博客性质网站（非盈利）的域名，企业的稍微复杂点
1）阿里云备案页面链接：https://beian.aliyun.com/?spm=5176.12818093.nav-right.dicp.488716d0lcQTGC
或者点击阿里云控制台下的备案也能跳转到备案页面
ICP PC端流程https://help.aliyun.com/document_detail/146190.html?spm=a2c4g.11174283.6.646.6f177b71kKQJhi

图十二 点击备案

图十三 备案流程
图十四 备案成功

注意：1、网站备案这里，花了多少时间阿里云就会返多少时间给你。2、备案成功后，就可以通过浏览器查看域名，不过是空空如也，还需要解析到服务器，才能通过域名访问服务器上的网页。

4）解析域名到服务器（解析到公网IP上）

目的：服务器上自带的公网IP好比你这个的名字，但是名字太难记了，村子里大家叫你名字都很拗口或者根本不知道你的名字。这时域名站了出来，它好比给你取了一个绰号（狗子），这下子村子的人都知道你的外号，而且也好找你了（狗子出来溜达呀）。但是绰号千千万，不挂在一个人的头上是没有意义的，它啥也代表不了，而一个人可以有多个外号。解析，就是把这个好记的外号（域名）给你（公网IP）取上，让大家好找你。
1）打开阿里云控制台下域名服务

图十五 点击解析

图十六 点击新手引导

图十七 填入公网IP

图十八 添加成功

小结：这里解析成功后，这时浏览器访问公网IP还是域名都是空空而已，不要着急，因为你的服务器上啥也没有，它给你看什么呀。后面会介绍如何部署tomcat服务把你的网页放在里面，就能看到你想要的自己的网页了

5）配置安全组（预留访问端口，方便后面的tomcat服务器的使用）

为啥要配置安全组呢？安全组相当于服务器上的防火墙，通过设置端口、授权对象等来管理服务器访问者的访问、访问方式（即可设置让哪些IP访问和哪些IP不能访问）等。同时，由于我们可以在服务器上部署了多个tomcat、nginx等，为了避免访问冲突，对这些服务设置不同的端口，这时我们就能通过不同端口访问部署多个服务（tomcat、niginx等）下的多个项目。例如：设置8080给tomcat下的地图项目map网页，设置8081给另外一个tomcat下的人事管理网页，在配置完安全组和相应的tomcat设置后，我们使用域名:8080就可以看到我们的map网页，使用域名:8081就可以看到我们的人事管理网页了。

1）安全组配置

图十九 点击网络与安全下的安全组

图二十 根据安全组的有无点击相应按钮

图二十一 按照默认的选项点击就行

图二十二 跳转到配置规则下点击添加安全组规则

图二十三 按照图示设置安全组规则，完成

小结：
1）我们访问网页都是以 域名:端口的形式，而你会发现我们在访问常用的网站的时候都是不用加端口号，这并不是它不需要加端口号，而是我们在访问该域名下的80端口服务，因为80端口是默认端口，所以可以不用加上。
2）端口号这里：如果你不想每次访问你的网页都要域名:端口号，你可以把你的tomcat服务端口设置为默认80，这样你就可以直接域名就能访问自己的网页了。
3）单个tomcat的情况：一般tomcat默认的端口为8080，如果你没有配置安全组8080端口你是不能访问tomcat。
4）多个tomcat服务：你可以在服务器上安装多个tomcat，给它们设置不同端口（与安全组匹配）就能正常使用了，这时通过域名:对应的端口就能访问了。

6) 网页端简单使用服务器（云服务器就是一台远程电脑）

首先我们要理解云服务器这个概念，

1）网页打开远程连接workbench（这里列举两个地方链接）

图二十四 来到云服务器下的实例下点击远程连接

图二十五 点击如图

图二十五 也可来到实例下点击远程连接workbench

2）上述两种方式都能跳转

图二十六 远程终端连接 （参数这些默认就行）

图二十七 远程连接到终端

小结：1）这里由于操作系统选择的不同，我们连接到远程服务器的方式有点不同。我这里选择服务器初始化的时候选择linux下的centos,所以在远程连接时不能选择连接到桌面只能连接到终端，不过这个终端界面左侧的文件树和桌面的没啥区别(左侧文件树也有搜素功能，方便找文件夹)，用起来都差不多的。
2）终端命令行小提示：
a、在终端刚进去下的root是不能展开的（或者说它不让展开）
b、我们可以先跳转到我们的工作文件夹下（命令行输入cd /usr），我这里选择的是urs（这里建议选择这个，到时候好找文件，不然文件放的久和放的时间长了就不好找了）
c、终端下你使用linux下的ls还是windows下的dir都能展开文件夹的（命令行输入ls 或者 dir）
d、跳转到上一级（命令行cd …)

三）在阿里云服务器上部署tomcat服务

理解：阿里云服务器相当于我们的一台电脑，如果我们把我们的网页放在一个文件夹下，这个时候想要找到我们的网页就太难了，好比你在你自己电脑上找一个你存放时间不确定，名字也不太确定的文件。这个时候我们就需要一个容器tomcat来装我们项目，这样既方便我们访问服务器的时候直接来我们的容器里找，也能保障服务器的安全（让访问者只能查看我们服务器容器tomcat里面的项目，禁止他们读写容器tomcat外的文件和数据）。同时这个容器tomcat还提供了其他功能，如与安全组特定端口保持一致，从而可以域名:端口访问到服务器下匹配的容器tomcat）

1）java环境配置

因为tomcat运行在Java环境上，所以在安装tomcat前安装Java和配置环境
注意：这里一定要下载的匹配的java版本（如我这里阿里云服务器使用的是linux系统，下载的是Linux-x64

1）下载链接：

这里是下载的是Linux-x64 rpm包链接
https://download.oracle.com/otn/java/jdk/8u261-b12/a4634525489241b9a9e1aa73d9e118e6/jdk-8u261-linux-x64.rpm?AuthParam=1595297042_a7f478ea510681cd07c96c63f5ce2513
这里是下载Linux-x64 .tar.gz包链接
https://download.oracle.com/otn/java/jdk/8u261-b12/a4634525489241b9a9e1aa73d9e118e6/jdk-8u261-linux-x64.tar.gz?AuthParam=1595297031_b5140743971613a7f75543847687fc1d
这里就不介绍控制台下载的命令行，主要是Oracle官网有点o 下载有点问题。由于控制台下载不好使，我就直接使用winscp（下一节介绍）

2）对应处理流程：

a、tar文件 控制台（先切到所在文件夹下）解压 tar 命令tar -zxvf apache-tomcat-8.5.9.tar.gz
b、rpm文件 控制台 （先切到所在文件夹）安装rpm文件
rpm -ivh jdk-8u112-linux-x64.rpm
安装和解压缩等价
二选一即可
1 上传java包到指定文件夹下

图二十八 上传Java包

2 按照控制台（二选一）操作对应的包
3 配置Java环境变量：
控制台输入 vi /etc/profile来到设置文件下

图二十九 配置Java环境变量
在profile加入内容（按i进入编辑状态），去掉export——user那一行；在末尾追加（我这里Java安装在/usr/java/jdk1.8.0_261-amd64下，）
export JAVA_HOME=这里为java安装目录
export JRE_HOME=$JAV{A}_{H}OME/jreexportCLASSPATH=.:$JAVA_HOME/lib:$JR{E}_{H}OME/libexportPATH=$JAVA_HOME/bin:$PATH
编辑完成后按esc退出编辑。输入 ：wq保存编辑内容（先按esc才能输入:wq）
终端输入命令source /etc/profile，让修改后的配置文件生效。

图三十 配置Java环境成功

2）tomcat安装、配置和启动服务

1)配置好java环境后。与Java环境相同，我们可以把tomcat包上传后在控制台解压（等价于安装）或者直接上传解压好的文件包。安装好了
2)来到tomcat文件夹下的conf文件夹下，点击server.xml配置tomcat端口号与在安全组中的预设的一致（我这里把8080改为了80）

图三十一 修改tomcat server.xml配置，与安全组端口保持一致

3）使用winSCP工具上传我们写好的网页到tomcat指定文件夹下（/usr/local/tomcat/tomcat8/webapps/）(可先把该文件夹下的其它文件删除)

图三十二 使用winscp 工具上传网页到指定文件夹下]

图三十三 终端也会更新该文件夹
3）启动tomcat服务 ：
来到tomcat文件夹下的bin（我这里文件夹为/usr/local/tomcat/tomcat8/bin），看到有如图所示文件

图三十四 bin文件下文件
控制台来到bin文件夹下（终端输入命令cd /usr/local/tomcat/tomcat8/bin）。在bin文件夹下输入./startup.sh启动tomcat服务（输入./shutdown.sh关闭tomcat服务）

图三十五 启动服务和关闭服务

启动tomcat服务后，我们就终于能通过域名:端口访问我们的网页了

图三十六 浏览器访问上传到tomcat下的网页

图三十七 8080端口下的tomcat存放的网页

小结：
1）注意：在下载java版本和操作系统一定要一致。
2）java安装包和tomcat安装包解压等价于安装
3）tomcat文件夹下主要文件夹介绍：conf文件夹包含server.xm里面设置tomcat服务端口；bin文件夹包含了启动服务命令startup.sh和停止服务命令shutdown.sh；wabapps文件夹存放我们的网页项目（这里只留下一个root文件夹，其他的删除就行）
4）每次修改tomcat下的文件，包括server，wabapps下的文件，都要重启服务，否则修改不能生效。
5）多个tomcat服务要设置不同的端口号，这样才能正常使用；多个服务应只要到对应的文件夹下操作就行，操作流程和单个tomcat操作一样。（注意安全组与tomcat端口号的匹配）

四）使用本地工具操作远程阿里云服务器

如果我们不想每次操作远程服务器都要来到浏览器连接到网页终端敲命令，这个时一套本地工具就特别方便了，我这里推荐Xshell命令行工具+winscrp文件管理工具。

1）xshell使用

xshell简单介绍：它可以连接远程阿里云终端，并且在本地界面使用终端命令，这样就可以不用每次都去浏览器去登录操作了。
xshell下载链接：https://cdn.netsarang.net/9881c023/Xshell-6.0.0197p.exe。
操作界面截图

图三十八 登录界面（可以保存登录记录，到时候直接连接对话就行）

图三十九 新建会话

图四十 输入登录用户名

图四十一 输入密码

图四十二 命令行使用远程服务器

2）winscp使用

winscp简单介绍：和xshell相似，是远程服务器的文件资源管理器的映射，而且可以在本地修改远程主机上的文件。
winSCP下载 ：直接腾讯软件管家下就可以下载的。
操作：

图四十三 登录winscp

图四十四 应用界面简单介绍（这里直接对远程主机上的文件进行删除复制等，会在远程主机上生效的）

图四十五 在winscp上查看远程主机上的tomcat文件夹

小结：
1）使用本地工具（xshell winscp）操作远程阿里云服务器，我们就不用每次操作远程主机还需要浏览器登录阿里云服务器终端，直接本地工具操作远程就可以生效

五）上传自己的静态网页，在浏览器上打开（success）。自己的个人网站就新鲜出炉了

1）上传静态网页，浏览器查看

1，本地打开winscp工具，把网页项目拷贝ctrl+c复制到tomcat下的webapps下的唯一的文件夹ROOT下。

图四十六 拷贝网页到指定文件夹下
2，可以在tomcat的conf下修改server.xml文件来修改端口（tomcat默认端口8080，可改为80）

图四十七 可本地修改server文件来改端口

3，打开xshell本地工具，重启tomcat服务

图四十八 xshell重启tomcat服务
4）打开浏览器查看网页

[图四十九 成功打开网页

2）后期更新和维护

1）后面对网页的更新，直接在winSCP里指定复制粘贴后，重启tomcat服务器就能生效
2）对tomcat端口更新，直接修改指定文件夹下的server就行，再重启服务（注意端口不能重复，如果出现重复后一定要在改正后重启服务，不然两者都可能访问不了）
3）设置的tomcat端口一定要再阿里云控制台的安全组下设置对应的端口，不然访问不了。

个人总结

1）个人网站还是挺有意思的（一定要在遵纪守法使用），可以把自己写的网页应用上传到自己的服务器，我们就能在有网有浏览器的地方查看我们的成果（网页音乐播放器，记事本、游戏、科学计算器、常用网页链接、备忘录等）

2）在购买个人服务器、域名和相应配置方面：看上去有点麻烦，但是自己操作一遍后就很简单的。下面总结一些可能遇到的问题

1）购买个人服务器的时候选的操作系统是可以更改的。比如前面我初始化的时候选择Windows系统，后面我要改为Centos、Linux等都是可以的，不过你一定先把自己前面存放的东西先拷贝到本地，因为更换系统是把之前系统上的所有东西全部删除，不会像windows重装系统可以不更改其他盘里的东西甚至c盘也可留下。

2）备案个人域名不是很难，只要你不盈利的个人博客这些，按照官网的流程很直接，直接网上申请就可以备案，不用去当地的xiaren 的相关部门。而且阿里云客服这些会及时打电话联系你备案相关的东西，工信部备案也是很麻利的，周期一般不超过一个星期。这里最好选择你身份证上的省份备案，不然临时身份证这些应该是很麻烦的。

3）安全组设置这里，你可以设置指定的IP能够访问你的服务器，设置哪些端口能被访问（部署在服务器上的tomcat这些端口一定要与之匹配，不然不能访问）。

3）在Java环境和tomcat配置时常出现的问题：

1）下载的java版本一定要和服务器系统匹配，不然是不能用的。 java包和tomcat包解压缩和安装是一个意思。
2）tomcat配置方面，主要注意tomcat文件下bin、conf和webapp三个文件夹里的东西。
bin文件夹下startup.sh是tomcat启动命令，shutdown.sh是停止服务命令。
conf文件夹下的server.xml文件里可以修改端口号，端口号一定要与安全组端口匹配，不然不能访问；端口号不能重复，出现重复后一定在改正后重启访问，不然可能会不能访问。
webapps文件夹下存放网页项目，一般我会把其他的文件全部删除，自己新建一个ROOT来存放我的单个网页项目。如果有多个项目，也可新建多个文件夹来存放不过在访问的时候就需要使用这种格式来访问指定项目 域名:端口/文件夹名字。

3）这里要注意，只要我们对tomcat里的文件进行操作后，一定要重启tomcat服务，不然很有可能不生效。

4) W其他问题：

1）本博客只是对搭建个人静态网页的分享，后面有机会作者会写关于动态网页（即+数据库）的分享博客。
2）自己搭建过程中也遇到了很多问题，看了也借鉴了许多博客文章，这里感谢诸多作者的分享。
3）这是本人第一次写分享博客，有许多要改的东西，欢迎大家批评和指正。