一、本文背景
最近抖音的“圣诞树”炒得很热,作为前端攻城狮不免收到很多朋友@,想来发现身为软件工程专业准毕业生,竟然没有自己的玩具服务器,还是有些许悲哀。因此,登陆了阿里云发现可以“白嫖”一个月的服务器,简直不要太划算。因此,本文记录了从头开始使用Nginx部署一个圣诞树🎄。
本文部署的🎄代码来源于:圣诞树代码
二、部署准备
- 阿里云:www.aliyun.com/?utm_conten…
- 支付宝账号
- 要部署的项目(本文笔者使用圣诞树代码)
三、部署流程
1.准备一个阿里云服务器
这里笔者没有截图,如果你还没有注册过阿里云服务器,可以根据免费试用流程,免费使用一月。
2.正式开始
①初始化实例密码
当你注册好一个阿里云服务器,会进入一个管理页面,如下图:
此时,我们需要初始化这个服务器实例的密码,点击实例信息右侧的“...”
在此处,我们可以进行搜索,在搜索框中输入:“密码”,选择实例属性:重置实例密码
我们可以按照密码要求进行两次密码的输入,这个密码是用于你登录服务器账号、密码。
②设置远程连接密码
点击“远程连接”,进行阿里云服务器的远程登陆。
这里笔者选择的是VNC登录的方式,点击“重置密码”对VNC登录密码进行设置(笔者这里已经登陆过所以会有加密的密码出现)
此后出现重置密码验证界面,按照求设置远程连接服务器的VNC密码即可。
③开放公网访问端口
点击左侧边栏-网络与安全“安全组”进行端口开放
点击选择开放对应服务器实例的“配置规则”
选择手动添加,按照需要开放相应端口即可,因为玩具服务器,笔者直接了当的开放了所有端口
④远程链接、登录阿里云服务器
初次登陆时会出现屏幕锁定的情况,要求按下CTRL+ALT+DELETE进行屏幕解锁,点击左上角发送远程命令即可,如下图:
这里笔者为了传输文件方便,选择了简单粗暴的方式:在服务器中下载一个QQ
⑤项目的部署
在Nginx官网下载
这里选择对应操作系统的Nginx安装包,因为是免费的阿里云服务器,笔者不需要考虑经济因素、也没有实际项目需要考虑,因此服务器直接选择了Windows而非Ubuntu,笔者接触的实际项目中绝大多数使用的服务器安装的都是Ubuntu
Nginx下载好后,进行解压,并选择conf文件中的Nginx.conf文件进行配置
笔者因为玩具项目、实际访问的人很少、服务器配置拉满,所以只进行了简单的Nginx配置,详细配置还请参考官方文档
接下来,在Nginx文件夹中的html文件夹:如上图配置路径,进行项目放置
至此,打开CMD,CD进入你的Nginx文件下,输入指令start Nginx开启Nginx服务即可。
四、成果展示
笔者访问公网ip对应端口
五、参考文献及作者:
圣诞树代码所有者:DanCheOo