欢迎光临
我们一直在努力

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

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

上一篇文章结尾说到要教大家如何将文件上传到云服务器上,我总结了两个方法:
方法一:
在本机上通过git上传上传到自己的github仓库上,然后在云服务器上下载git bash软件,在云服务器上clone项目(具体操作不细说了),将项目克隆到云服务器中的某个文件夹中,大功告成~
方法二:
这个方法比较简单,就是复制粘贴~,不过是在本机远程桌面连接的时候才可以。
首先,按照上一篇文章的方法打开Win10自带的远程桌面连接
如何通过公网IP访问云服务器中的HTML文件(node.js)
远程桌面连接框中的显示选项展开。然后点击上方的本地资源
如何通过公网IP访问云服务器中的HTML文件(node.js)
驱动器都勾上
如何通过公网IP访问云服务器中的HTML文件(node.js)
点击确定,最后连接,在本机ctrl+c 复制文件,进入云服务器的界面,ctrl+v粘贴文件,就ok啦~

打开云服务器上的HTML文件

首先我们先测试一下在云服务器上是否能打开HTML文件
如何通过公网IP访问云服务器中的HTML文件(node.js)
可以打开,那么疑问来了,要是通过公网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开启服务,如图
如何通过公网IP访问云服务器中的HTML文件(node.js)
这样就可以通过Http协议打开HTML文件啦,试一下
如何通过公网IP访问云服务器中的HTML文件(node.js)
这就显示啦~
有些人有可能还是进不去,有可能你的端口号没添加在安全组入方向规则中,添加一下应该就可以啦~,这个是我的
如何通过公网IP访问云服务器中的HTML文件(node.js)
注意:
有可能即开着服务器,又用到node,举个例子,我这个项目要开着服务器,还要用到nodejs的socket-io的包
如何通过公网IP访问云服务器中的HTML文件(node.js)
如何通过公网IP访问云服务器中的HTML文件(node.js)
大家注意到了没有,就是websocket所用到端口号是8080,服务器用到的端口号是8081,也就是说端口号一定不能相同,否则端口号就被占用,网页报错状态码302
刚开始我以为是跨域的问题,但是同源策略对websocket不适用,通过websocket可以打开到任何站点的连接,所以不是跨域的问题,又怀疑有可能websocket中的域名写的不对,最后终于发现是端口号冲突了,端口号改成不相同的就可以啦~
好啦,在自己本机上测试一下~
如何通过公网IP访问云服务器中的HTML文件(node.js)
成功进来啦~ websocket也可以进行通信~


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

  • 海报
海报图正在生成中...
赞(0) 打赏
声明:
1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。
2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。
3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。
4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。
文章名称:《如何通过公网IP访问云服务器中的HTML文件(node.js)》
文章链接:https://www.456zj.com/7401.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址