将文件上传到云服务器上的方法
上一篇文章结尾说到要教大家如何将文件上传到云服务器上,我总结了两个方法:
方法一:
在本机上通过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也可以进行通信~
由于我刚买的域名正在备案中(超级麻烦( ̄_ ̄|||)),所以过几天再给大家写一篇关于云服务器和域名如何捆绑的文章~