WebSocket部署服務器外網無法連接解決方案

分類:IT技術 時間:2017-09-25

 

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

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,望技術有成後能回來看見自己的腳步。

Tags: quot WebSocket 問題 function TopicContent 但是

文章來源:


ads
ads

相關文章
ads

相關文章

ad