阿里云服务器部署Web页面

200 阅读3分钟

一、本文背景

最近抖音的“圣诞树”炒得很热,作为前端攻城狮不免收到很多朋友@,想来发现身为软件工程专业准毕业生,竟然没有自己的玩具服务器,还是有些许悲哀。因此,登陆了阿里云发现可以“白嫖”一个月的服务器,简直不要太划算。因此,本文记录了从头开始使用Nginx部署一个圣诞树🎄。

本文部署的🎄代码来源于:圣诞树代码

二、部署准备

三、部署流程

1.准备一个阿里云服务器

这里笔者没有截图,如果你还没有注册过阿里云服务器,可以根据免费试用流程,免费使用一月。

2.正式开始

①初始化实例密码

当你注册好一个阿里云服务器,会进入一个管理页面,如下图:

DHJ13(Z_YSD7GB%_V3G57XC.png

此时,我们需要初始化这个服务器实例的密码,点击实例信息右侧的“...”

U.png

在此处,我们可以进行搜索,在搜索框中输入:“密码”,选择实例属性:重置实例密码

P.png

我们可以按照密码要求进行两次密码的输入,这个密码是用于你登录服务器账号、密码。

SP9M1VHH(~729{NNEADZM9V.png

②设置远程连接密码

点击“远程连接”,进行阿里云服务器的远程登陆。

DOK.png

这里笔者选择的是VNC登录的方式,点击“重置密码”对VNC登录密码进行设置(笔者这里已经登陆过所以会有加密的密码出现)

~8Z7``%82J{{OCH(NC66(DO.png

此后出现重置密码验证界面,按照求设置远程连接服务器的VNC密码即可。

6OPG.png

③开放公网访问端口

点击左侧边栏-网络与安全“安全组”进行端口开放

P_92HV7YVAE5}K6S`U0ZQVJ.png

点击选择开放对应服务器实例的“配置规则”

3RYT6S}QU6R@ZP%V1QMF9XL.png

选择手动添加,按照需要开放相应端口即可,因为玩具服务器,笔者直接了当的开放了所有端口

N5FHSA8BB~%2E{2YGY@7BN1.png

④远程链接、登录阿里云服务器

初次登陆时会出现屏幕锁定的情况,要求按下CTRL+ALT+DELETE进行屏幕解锁,点击左上角发送远程命令即可,如下图:

ZV64MJM.png

这里笔者为了传输文件方便,选择了简单粗暴的方式:在服务器中下载一个QQ

⑤项目的部署

在Nginx官网下载

Y.png

这里选择对应操作系统的Nginx安装包,因为是免费的阿里云服务器,笔者不需要考虑经济因素、也没有实际项目需要考虑,因此服务器直接选择了Windows而非Ubuntu,笔者接触的实际项目中绝大多数使用的服务器安装的都是Ubuntu

TI9CE.png

Nginx下载好后,进行解压,并选择conf文件中的Nginx.conf文件进行配置

IK.png

92.png

笔者因为玩具项目、实际访问的人很少、服务器配置拉满,所以只进行了简单的Nginx配置,详细配置还请参考官方文档

image.png

接下来,在Nginx文件夹中的html文件夹:如上图配置路径,进行项目放置

8Q09WQ7T9H.png

至此,打开CMD,CD进入你的Nginx文件下,输入指令start Nginx开启Nginx服务即可。

四、成果展示

笔者访问公网ip对应端口

image.png

五、参考文献及作者:

圣诞树代码所有者:DanCheOo