将html部署到阿里云服务器

1,184 阅读3分钟

一、首先在阿里云购买一个服务器,如果是自己用来学习的,建议买个低配的就可以了,在控制台上找到已开通的产品,云服务器ECS,然后后点击实例,如果有创建了实例,但是看不到,是因为没有选择你购买实例的地方,如果没有创建实例 ,那就是创建一个了

二、解析域名 ,如果没有域名就需要购买一个,在下图的地方找域名的入口

1.在这里进行域名解析

2.进入解析配置页面,添加记录,这里根据自己的需求填写信息即可

三、上面的准备工作就绪之后,便可以连接服务器了,可以在实例列表哪里远程连接,不过网版的不好操作,可以用自己电脑的终端或者下载远程连接软件

我用的是mac,用的是mac自带的终端,在终端输入

ssh root@公网ip

我这个是已经安装好nginx 和 node 

四、新购买的服务器一般都没有安装这些系统,需要自己连接终端安装,一下是安装步骤

1.检查yum是否可用:yum list
2.更新yum:yum update -y
3.更新nodejs:yum install -y nodejs
4.安装nginx:yum install -y nginx
5.重启nginx:systemctl restart nginx
6.检查node和npm版本 :node -v        npm -v

安装成功之后,不确定自己是否有安装成功可以检测一下版本号

五、把代码上传到home文件夹(这个看个人,我习惯放在home文件夹),这里为了方便连接服务器,查看文件树,我建议用工具操作,特别是新手。mac 用的 CrossFTPwin 用 FlashFXP 工具的话看个人喜好

如图,两款工具都雷同,点击连接,操作如下图,特别提醒,密码最好手输,复制粘贴容易有空格

填写好信息,连接即可。如下图,表示已经连接成功

如上图,在右侧找到home文件,点进去新建文件夹,命名自定义,可以用项目命名,或者直接用随意的admin,然后将左边的文件托到admin(刚刚新建的文件夹)下,此时就是将文件上传得服务器上,上传成功后,返回到最初一层的文件树,查找 etc/nginx/nginx.conf

或者可以在右侧文件路径输入

/etc/nginx

直接进入nginx,找到nginx.conf,将这个文件下载到桌面(这样方便编辑,如果使用终端编辑,对于不熟悉终端的同学来说,有点困难),图片左侧是自己电脑打的桌面显示,进入桌面直接将nginx.conf托到桌面即可,下载完成后,编辑

编辑完毕之后,保存,然后将服务器上的nginx.conf替换掉

替换后,必须重启nginx系统:systemctl restart nginx

如果重启nginx出现这种报错

这是nginx.conf的第五行代码出现错误,这就需要好好排查一下什么问题了

1.重启之后,可以在浏览器看看是否能访问,如图(域名使用),我购买的域名icry.top

我解析的主机记录yumo,在浏览器访问域名yumo.icry.top/ ,如果看到这个页面

这个是没有配置成功,这是需要检查一下什么原因。或者从新配置

2、如果出先的是下图的情况是因为,域名没有备案