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端口，引起防火牆識別出問題。

 

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

 

 2017-09-24,望技術有成后能回來看見自己的腳步。