WebSocket部署服务器但外网无法连接的解决方法

所属分类: 网络编程 / 相关技巧 阅读数: 2034
收藏 0 赞 0 分享

前言

本文主要给大家介绍了关于WebSocket部署服务器外网无法连接的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

首先要说的是我遇见的问题:

WebSocket connection to 'ws://www.xxxx.com/xxx/xx' failed: Error during WebSocket handshake: Unexpected response code: 200

网站绑定到了服务器,直接在服务器上访问webSocket服务是可行的,但是当我用外网访问时,这个错误就是我最大的敌人,在这之前还遇到过几个小毛贼,可以轻松解决,不再提,直面boss吧

花费两个下午的时间寻找解决方案,但是并没有找到,各种解决方案,但是直接来描述.NET下使用这一问题的,却是不多,然而面对了这一问题的朋友,大把的有。

这个无关浏览器问题,我有火狐,谷歌,IE测试过,该出的问题还是会有。

开发平台:.NET,利用ASP.NET MVC搭建网站,在其中利用WebSocket服务,目的是在网站内设计一个讨论平台。

具体来说一说:

首先,看下我的网页代码:

<script type="text/javascript">
  $(function () {
   var url = "ws://xxxx:xx"+"@Url.Action("RequestProcessCenter")";
   var ws;
   function connect() {
    ws = new WebSocket(url);
    $("#TopicContent").append("正在连接\n");
    ws.onopen = function () {
     $("#TopicContent").append("已经连接\n");
    };
    ws.onmessage = function (evt) {
     console.log(evt.data);
     $("#TopicContent").append(evt.data);
    };
    ws.onclose = function () {
     $("#TopicContent").append("已经关闭\n");
    };
    ws.onerror = function (evt) {
     console.log(evt.data);
     $("#TopicContent").append(evt.data);
    };
   };
   $("#send").click(function () {
    console.log(1);
    console.log(ws.readyState);
    console.log(WebSocket.OPEN);
    if (ws.readyState == WebSocket.OPEN) {
     ws.send($("#content").val());
     $(this).val("");
    }
    else {
     $("#TextMessge").append("连接已经关闭");
    }
   });
   $("#open").click(function () {
    connect();
   });
   $("#close").click(function () {
    ws.close();
   });
  });
 </script>

后台代码:

public void RequestProcessCenter()
  {
   if (HttpContext.IsWebSocketRequest)
   {
    var currUser = GetCurrUser();
    this._UserName = currUser.LoginName;
    HttpContext.AcceptWebSocketRequest(ProcessTopic);
   }
   else
   {
    HttpContext.Response.Write("请求失败哟");
   }
  }

webSocket所要求的url格式我想应该是不会配错。

错误显示如图:

返回200,尽管是请求成功了,但是结果不是我们想要的。

请求方式也确实是websocket,错误却存在了,这是为什么呢?查询了很多资料,但是并没有发现真正解决这一问题的,或许是我找的方式有问题,但是百度前三页我是看了,并没有想要的解决方案。自己动手,做了个测试,反而发现有效。

我在服务器上部署的网站,用的是默认的80端口,访问会失效,如果webSocket不用和网站绑定的同一端口呢?

经过该测试:

      1.本地80端口绑定域名 webSocket利用域名,端口80 无效

      2.本地80端口绑定域名 webSocket利用2017端口 主机地址用服务器ip地址 有效

      3.本地2017端口 未绑定域名 webSocket利用80端口 无效

      4.本地2017端口 未绑定域名 webSocket利用2017端口 有效

总结 80端口可能受系统限制

另一方面:域名绑定是否会影响 没有测试

成功解决了外网虽返回200却不能使用websocket服务的问题。

这种情况下需要注意的是,IIS服务器上需要添加两个网站了,一个用于正常的80端口网页访问,另一个做单独的WebSocket功能,这两个网站可以使用同一个程序版本,我就是这么做的,没有什么好的想法,菜鸟级人物。

https://www.infoq.com/articles/Web-Sockets-Proxy-Servers

这个网站介绍了WebSocket的一些知识,以及websocket默认使用80-433端口,或许我在想,是不是我网站绑定的端口和websocket绑定相同端口时,外网请求就是此时出的错呢,这个问题也一时半会不能深究,暂时性的功能是达到了,但是感觉这个解决方案不是很好的,只能是说满足了需求,却不能简化需求过程。

留下一个猜想,我在服务器上访问时,是可行的,都是使用80端口,websocket服务能够正常使用,那是因为在服务器上发起时,直接访问的就是我本地服务,所以说防火墙不会阻止,但是我使用外网访问时,入网规则或许阻挡了我的请求,点击连接,发起调用WebSocket服务,而服务端口也使用80端口,引起防火墙识别出问题。

或许猜想是很不合理的,但是在没有找到具体问题下,我还是只有依靠分析问题出现原因,来解决我的问题。

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

更多精彩内容其他人还在看

firefox 扩展开发技巧

firefox 扩展开发
收藏 0 赞 0 分享

php asp.net 比较 [推荐]

如今当提到 Web 开发时,您有许多选择。这些方法中许多都涉及到预处理 - 即,利用特定的标记将代码嵌入到 HTML 页面中
收藏 0 赞 0 分享

UTF-8 BOM 可能导致样式错乱的解决方法

utf-8 是一种在web应用中经常使用的一种 unicode 字符的编码方式,使用 utf-8 的好处在于它是一种变长的编码方式,对于 ANSII 码编码长度为1个字节,这样的话在传输大量 ASCII 字符集的网页时,可以大量节约网络带宽。
收藏 0 赞 0 分享

Web 开发常用工具 大家自己查找下载

看到了Web通信分析工具 这篇文章,除了burpsuite其他我日常都经常使用。于似乎我整理了一下我自己用的其他的WEB开发工具。
收藏 0 赞 0 分享

遇到不能复制的网站怎么办?

有时我们看到喜欢的网页内容时定会产生复制下来为我所用的冲动,不过当你点击鼠标时它却没有任何反应,选择的内容没有任何变化,不禁有点扫兴。不要紧,办法总比困难多!
收藏 0 赞 0 分享

URL 长度有限制吗?

众所周知, 传递小量参数(在没有其他原因,例如隐藏参数值的情况下)推荐使用GET方法,传递大量参数推荐使用POST方法。原因是什么呢?
收藏 0 赞 0 分享

声音验证码制作方法

收听验证码已经比较普遍了,使用户看不清楚的情况下可以通过耳朵来收听验证码,但网上搜了很久没看到有具体的制作方法,自己想了想,还是按自己的方法来实现了,呵呵。
收藏 0 赞 0 分享

防范SQL注入式攻击

SQL注入式攻击是利用是指利用设计上的漏洞,在目标服务器上运行Sql命令以及进行其他方式的攻击动态生成Sql命令时没有对用户输入的数据进行验证是Sql注入攻击得逞的主要原因。
收藏 0 赞 0 分享

Web 设计与开发者必须知道的 15 个站点

今天读到一篇文章,介绍了15个对 Web 设计与开发师极端有用的站点,里面有不少也是我们一直在使用的,也许对很多人都有用,翻译出来以饷同仁。
收藏 0 赞 0 分享

十分钟内学会 避免用户刷新导致重复POST提交

在Web应用中,采用POST提交信息是非常常见的,然而如果目标页面打开得太慢,用户就可能会刷新页面,这时候之前已经提交过的信息就会被重复提交。
收藏 0 赞 0 分享
查看更多