कैसे पेज URI का एक WebSocket यूआरआई रिश्तेदार के निर्माण के लिए?

Question

मैं ब्राउज़र पक्ष में पेज URI का एक WebSocket यूआरआई रिश्तेदार का निर्माण करना चाहते हैं। कहो, मेरे मामले में कन्वर्ट HTTP यूआरआई तरह

http://example.com:8000/path 
https://example.com:8000/path 

को

ws://example.com:8000/path/to/ws 
wss://example.com:8000/path/to/ws 

क्या मैं वर्तमान में कर रहा हूँ "ws 'द्वारा पहले 4 पत्र" http "से बदल दें और संलग्न है"/के लिए/ws "करने के लिए। क्या इसके लिए कोई बेहतर तरीका है?

Answer 1

अपने वेब सर्वर WebSockets (या एक WebSocket हैंडलर मॉड्यूल) के लिए समर्थन है, तो आप एक ही मेजबान और बंदरगाह का उपयोग कर सकते हैं और बस योजना को बदलने की तरह आप दिखा रहे हैं। वेब सर्वर और वेबसाइट्स सर्वर/मॉड्यूल को एक साथ चलाने के लिए कई विकल्प हैं।

मुझे लगता है कि आप विंडो स्थान वैश्विक की व्यक्तिगत टुकड़े को देखने का सुझाव देते हैं और अंधा स्ट्रिंग प्रतिस्थापन करने का उन्हें वापस शामिल होने के साथ बजाय होगा।

var loc = window.location, new_uri; 
if (loc.protocol === "https:") { 
    new_uri = "wss:"; 
} else { 
    new_uri = "ws:"; 
} 
new_uri += "//" + loc.host; 
new_uri += loc.pathname + "/to/ws"; 

ध्यान दें कि कुछ वेब सर्वर (अर्थात जेट्टी आधारित वाले) वर्तमान में यह निर्धारित करने के लिए एक विशेष अनुरोध WebSocket हैंडलर को पारित किया जाना चाहिए कि उस पथ (बजाय उन्नयन हेडर) का उपयोग करें। तो आप इस बात से सीमित हो सकते हैं कि आप जिस तरीके से मार्ग चाहते हैं उसे बदल सकते हैं।

Answer 2

यहाँ मेरी संस्करण जो मामले में टीसीपी पोर्ट कहते हैं यह 80 या 443 नहीं है:

function url(s) { 
    var l = window.location; 
    return ((l.protocol === "https:") ? "wss://" : "ws://") + l.hostname + (((l.port != 80) && (l.port != 443)) ? ":" + l.port : "") + l.pathname + s; 
} 

संपादित करें 1:

function url(s) { 
    var l = window.location; 
    return ((l.protocol === "https:") ? "wss://" : "ws://") + l.host + l.pathname + s; 
} 

संपादित करें 2: @kanaka के सुझाव के रूप में उन्नत संस्करण:

var s = new WebSocket(((window.location.protocol === "https:") ? "wss://" : "ws://") + window.location.host + "/ws"); 

Answer 3

मानते हुए अपने WebSocket सर्वर ओ सुन रहा है: आजकल मैं WebSocket इस बनाने n एक ही बंदरगाह के रूप में जहाँ से पृष्ठ का अनुरोध किया जा रहा है, मेरा सुझाव है:

function createWebSocket(path) { 
    var protocolPrefix = (window.location.protocol === 'https:') ? 'wss:' : 'ws:'; 
    return new WebSocket(protocolPrefix + '//' + location.host + path); 
} 

फिर, अपने मामले के लिए, इसे कहते इस प्रकार है:

var socket = createWebSocket(location.pathname + '/to/ws'); 

Answer 4

स्थानीय होस्ट आप संदर्भ पथ पर विचार करना चाहिए पर।

function wsURL(path) { 
    var protocol = (location.protocol === 'https:') ? 'wss://' : 'ws://'; 
    var url = protocol + location.host; 
    if(location.hostname === 'localhost') { 
     url += '/' + location.pathname.split('/')[1]; // add context path 
    } 
    return url + path; 
} 

Answer 5

आसान:

location.href.replace(/^http/, 'ws') + '/to/ws' 
// or if you hate regexp: 
location.href.replace('http://', 'ws://').replace('https://', 'wss://') + '/to/ws' 

Answer 6

Window.URL एपीआई का उपयोग करना - https://developer.mozilla.org/en-US/docs/Web/API/Window/URL http (s), बंदरगाहों आदि के साथ

वर्क्स

var url = new URL('/path/to/websocket', window.location.href); 

url.protocol = url.protocol.replace('http', 'ws'); 

url.href // => ws://www.example.com:9999/path/to/websocket 

Answer 7

टाइपप्रति में:

export class WebsocketUtils { 

    public static websocketUrlByPath(path) { 
     return this.websocketProtocolByLocation() + 
      window.location.hostname + 
      this.websocketPortWithColonByLocation() + 
      window.location.pathname + 
      path; 
    } 

    private static websocketProtocolByLocation() { 
     return window.location.protocol === "https:" ? "wss://" : "ws://"; 
    } 

    private static websocketPortWithColonByLocation() { 
     const defaultPort = window.location.protocol === "https:" ? "443" : "80"; 
     if (window.location.port !== defaultPort) { 
      return ":" + window.location.port; 
     } else { 
      return ""; 
     } 
    } 
} 

उपयोग:

alert(WebsocketUtils.websocketUrlByPath("/websocket"));