客户端如何从任何域名服务器（如 api）与 WebSocket 服务器通信答案

【问题标题】：How the client can communicate with the WebSocket server from any domain name server like api客户端如何从任何域名服务器（如 api）与 WebSocket 服务器通信
【发布时间】：2021-06-07 21:43:36
【问题描述】：

如何创建一个 WebSocket 服务器，任何域名/IP 地址的任何客户端都可以与之通信。我不想为了与服务器通信而必须打开具有服务器提供的自定义地址的页面。

目标是能够与 WebSocket 服务器通信，例如通过浏览器扩展，或通过任何意外端点。

server.go

package main

import (
    "fmt"
    "net/http"

    "github.com/gorilla/websocket"
)

var upgrader = websocket.Upgrader{
    ReadBufferSize:  1024,
    WriteBufferSize: 1024,
}

func main() {
    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        conn, err := upgrader.Upgrade(w, r, nil) 
        if err != nil {
           fmt.Println(err) // no error just when websocket connecte from my domain
        }
        for {
            // Read message from browser
            msgType, msg, _ := conn.ReadMessage()

            // Print the message to the console
            fmt.Printf("%s sent: %s\n", conn.RemoteAddr(), string(msg))

            // Write message back to browser
            if err = conn.WriteMessage(msgType, msg); err != nil {
                return
            }
        }
    })

    http.HandleFunc("/client", func(w http.ResponseWriter, r *http.Request) { // I dont need this 
    http.ServeFile(w, r, "client.html")
  })

    http.ListenAndServe(":8080", nil)
}

client.js

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf8>
        <meta name=viewoirt content="width=device-width, initial-scale=1.0">
        <title>click bot</title>
        
    </head>
<body>
<input id="input" type="text" />
<button onclick="send()">Send</button>
<pre id="output"></pre>
<script>
    var input = document.getElementById("input");
    var output = document.getElementById("output");
    var socket = new WebSocket("ws://localhost:8080/");

    socket.onopen = function () {
        output.innerHTML += "Status: Connected\n";
    };

    socket.onmessage = function (e) {
        output.innerHTML += "Server: " + e.data + "\n";
    };

    function send() {
        socket.send(input.value);
        input.value = "";
    }
</script>
</body>
</html>

当我通过localhost:8080/client 通过链接或通过浏览器扩展注入它时，一切都很好。但是当我将它注入另一个没有相同IP地址的页面时，它就不起作用了。例如：例如，当我在控制台中输入：websocket = new webSocket('ws://localhost: 8080') 在我的域以外的域中。

客户错误：

VM447:1 WebSocket 连接到“ws://localhost:8080/”失败：连接在收到握手响应之前关闭。

服务器错误： websocket：Upgrader.CheckOrigin 不允许请求来源

【问题讨论】：

你已经硬编码了 ws://localhost:8080/，所以这显然是客户端试图连接的内容。如果new WebSocket("/") 不起作用，则从 window.location 派生 URL。
是的。我将链接编辑为localhost:8080/client
假设您有一个 WebSocket 服务器将数据推送到客户端。客户只有在访问您的站点时才能与您的服务器通信。无论他们是通过您的网站还是通过其他网站或通过他们在浏览器中安装的插件连接，您都希望您的服务能够接触到他们。我们在浏览器上打开任意页面，打开控制台并写入： socket = new webSocket ('sw: //myServeses.com') ( socket.send ('hello') .... 然后消息到达服务器。有问题的代码只能在访问链接时联系到。不能通过任何其他端点。
``` "ws://myServeses.com" ``` 这只是一个例子。在我们的例子中：客户端应该通过 ``` sevsocket = new webSocket("ws://localhost:8080/") ```调用。但是，他只能通过我们的网站进行连接：“localhost:8080/client”

标签： javascript go websocket gorilla

【解决方案1】：

例如，当我在控制台中输入：websocket = new webSocket('ws://localhost:8080') 在我的域以外的域中。

问题中的服务器代码实现了同源策略。更改check origin function 以允许来自任何来源的连接：

var upgrader = websocket.Upgrader{
    ReadBufferSize:  1024,
    WriteBufferSize: 1024,
    CheckOrigin:  func(r *http.Request) bool { return true }
}

问题说，为简单起见，服务器代码忽略了升级错误。如果服务器代码记录了错误，那么问题将立即显而易见。始终处理错误！

conn, err := upgrader.Upgrade(w, r, nil)
if err != nil {
    fmt.Println(err)
    return
}

【讨论】：

这正是我想要的。他在工作。非常感谢。