如何通过公网IP访问云服务器中的HTML文件(node.js)

将文件上传到云服务器上的方法

上一篇文章结尾说到要教大家如何将文件上传到云服务器上，我总结了两个方法：
方法一:
    在本机上通过git上传上传到自己的github仓库上，然后在云服务器上下载git bash软件，在云服务器上clone项目（具体操作不细说了），将项目克隆到云服务器中的某个文件夹中，大功告成~
方法二:
    这个方法比较简单，就是复制粘贴~，不过是在本机远程桌面连接的时候才可以。
    首先，按照上一篇文章的方法打开Win10自带的远程桌面连接

在远程桌面连接框中的显示选项展开。然后点击上方的本地资源

把驱动器都勾上

点击确定，最后连接，在本机ctrl+c 复制文件，进入云服务器的界面，ctrl+v粘贴文件，就ok啦~

打开云服务器上的HTML文件

首先我们先测试一下在云服务器上是否能打开HTML文件

可以打开，那么疑问来了，要是通过公网IP地址访问，不可能在电脑上输入绝对路径啊，打开的是自己电脑上的C盘下的…HTML文件，可是没有啊~
所以现在我们要了解一下两种协议：File协议和Http协议
File协议：
    File协议主要用于访问本地计算机中的文件，好比通过Windows的资源管理器中打开文件或者通过右键单击‘打开’一样。通俗的来讲只能访问本地文件
上图就是File协议，只不过file://被省略了。。。
Http协议：
    Http协议，即超文本传输协议，它基于TCP/IP通信协议来传输数据，它工作于客户端-服务器架构上，浏览器作为http客户端url向http服务器端发送请求，服务器接收到请求后，向客户端发送请求。
    Http访问本地的HTML文件，相当于将本机作为了一台http服务器，然后通过localhost访问的是你自己电脑上的本地服务器，再通过http服务器去访问你本机的文件资源。

区别：
1.File协议只能在本地访问
2.本地搭建Http服务器开放端口后他人也可以通过Http访问到你电脑中的文件，但是File协议做不到
3.File协议对应有一个类似Http的远程访问，就是ftp协议，即文件传输协议。
4.File协议无法实现跨域

回到正题，所以我们要通过Http协议打开HTML文件，现在要做的就是先在云服务器的本地上以Http协议打开HTML文件，首先需要开一个服务器。我上网参考了一下，基本都是Tomcat或者Apache，可是对于前端开发者而言，提到服务器，基本都是Nodejs。
对于前端者来说，正常一个项目访问页面的话，需要npm run dev打开服务器，但是对于单个HTML文件的话，可以按照以下操作~
Nodejs安装步骤就略过了，安装完事之后，打开HTML所在的文件夹，用 npm i -g http-server下载本地服务，然后http-server开启服务，如图

这样就可以通过Http协议打开HTML文件啦，试一下

这就显示啦~
有些人有可能还是进不去，有可能你的端口号没添加在安全组入方向规则中，添加一下应该就可以啦~，这个是我的

注意：
有可能即开着服务器，又用到node，举个例子，我这个项目要开着服务器，还要用到nodejs的socket-io的包


大家注意到了没有，就是websocket所用到端口号是8080，服务器用到的端口号是8081，也就是说端口号一定不能相同，否则端口号就被占用，网页报错状态码302
刚开始我以为是跨域的问题，但是同源策略对websocket不适用，通过websocket可以打开到任何站点的连接，所以不是跨域的问题，又怀疑有可能websocket中的域名写的不对，最后终于发现是端口号冲突了，端口号改成不相同的就可以啦~
好啦，在自己本机上测试一下~

成功进来啦~ websocket也可以进行通信~

---

由于我刚买的域名正在备案中（超级麻烦(￣_￣|||)），所以过几天再给大家写一篇关于云服务器和域名如何捆绑的文章~