时间戳

首页 > 解决方案 > 客户端如何从任何域名服务器（如 api）与 WebSocket 服务器通信

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

问题描述

如何创建来自任何域名/IP 地址的任何客户端都可以与之通信的 WebSocket 服务器。我不想打开带有服务器提供的自定义地址的页面才能与服务器通信。

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

服务器.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)
}

客户端.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 不允许请求来源

标签： javascriptgowebsocketgorilla

解决方案

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

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

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
}

推荐阅读