WebSocket部署服務(wù)器但外網(wǎng)無法連接的解決方法

前言

本文主要給大家介紹了關(guān)于WebSocket部署服務(wù)器外網(wǎng)無法連接的相關(guān)內(nèi)容，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧。

首先要說的是我遇見的問題：

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

網(wǎng)站綁定到了服務(wù)器，直接在服務(wù)器上訪問webSocket服務(wù)是可行的，但是當我用外網(wǎng)訪問時，這個錯誤就是我最大的敵人，在這之前還遇到過幾個小毛賊，可以輕松解決，不再提，直面boss吧

花費兩個下午的時間尋找解決方案，但是并沒有找到，各種解決方案，但是直接來描述.NET下使用這一問題的，卻是不多，然而面對了這一問題的朋友，大把的有。

這個無關(guān)瀏覽器問題，我有火狐，谷歌，IE測試過，該出的問題還是會有。

開發(fā)平臺：.NET,利用ASP.NET MVC搭建網(wǎng)站，在其中利用WebSocket服務(wù)，目的是在網(wǎng)站內(nèi)設(shè)計一個討論平臺。

具體來說一說：

首先，看下我的網(wǎng)頁代碼：

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("已經(jīng)連接\n");
    };
    ws.onmessage = function (evt) {
     console.log(evt.data);
     $("#TopicContent").append(evt.data);
    };
    ws.onclose = function () {
     $("#TopicContent").append("已經(jīng)關(guān)閉\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("連接已經(jīng)關(guān)閉");
    }
   });
   $("#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格式我想應(yīng)該是不會配錯。

錯誤顯示如圖：

返回200，盡管是請求成功了，但是結(jié)果不是我們想要的。

請求方式也確實是websocket，錯誤卻存在了，這是為什么呢？查詢了很多資料，但是并沒有發(fā)現(xiàn)真正解決這一問題的，或許是我找的方式有問題，但是百度前三頁我是看了，并沒有想要的解決方案。自己動手，做了個測試，反而發(fā)現(xiàn)有效。

我在服務(wù)器上部署的網(wǎng)站，用的是默認的80端口，訪問會失效，如果webSocket不用和網(wǎng)站綁定的同一端口呢？

經(jīng)過該測試：

      1.本地80端口綁定域名 webSocket利用域名，端口80 無效

      2.本地80端口綁定域名 webSocket利用2017端口 主機地址用服務(wù)器ip地址 有效

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

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

總結(jié) 80端口可能受系統(tǒng)限制

另一方面:域名綁定是否會影響 沒有測試

成功解決了外網(wǎng)雖返回200卻不能使用websocket服務(wù)的問題。

這種情況下需要注意的是，IIS服務(wù)器上需要添加兩個網(wǎng)站了，一個用于正常的80端口網(wǎng)頁訪問，另一個做單獨的WebSocket功能，這兩個網(wǎng)站可以使用同一個程序版本，我就是這么做的，沒有什么好的想法，菜鳥級人物。

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

這個網(wǎng)站介紹了WebSocket的一些知識，以及websocket默認使用80-433端口，或許我在想，是不是我網(wǎng)站綁定的端口和websocket綁定相同端口時，外網(wǎng)請求就是此時出的錯呢，這個問題也一時半會不能深究，暫時性的功能是達到了，但是感覺這個解決方案不是很好的，只能是說滿足了需求，卻不能簡化需求過程。

留下一個猜想，我在服務(wù)器上訪問時，是可行的，都是使用80端口，websocket服務(wù)能夠正常使用，那是因為在服務(wù)器上發(fā)起時，直接訪問的就是我本地服務(wù)，所以說防火墻不會阻止，但是我使用外網(wǎng)訪問時，入網(wǎng)規(guī)則或許阻擋了我的請求,點擊連接，發(fā)起調(diào)用WebSocket服務(wù)，而服務(wù)端口也使用80端口，引起防火墻識別出問題。

或許猜想是很不合理的，但是在沒有找到具體問題下，我還是只有依靠分析問題出現(xiàn)原因，來解決我的問題。

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。