客户端如何从任何域名服务器(如 api)与 WebSocket 服务器通信
How the client can communicate with the WebSocket server from any domain name server like api
如何创建来自任何 domain-name/ip-address 的任何客户端都可以与之通信的 WebSocket 服务器。我不想为了与服务器通信而必须打开带有服务器提供的自定义地址的页面。
目标是能够与 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
通过 link 或通过浏览器扩展注入时,一切都很好。
但是当我将它注入另一个没有相同 ip 地址的页面时,它不起作用。例如:例如,当我在控制台中输入时:websocket = new webSocket('ws://localhost: 8080')
在我的域以外的域中。
客户端错误:
VM447:1 WebSocket 连接到 'ws://localhost:8080/' 失败:连接在收到握手响应前关闭。
服务器错误:
websocket: Upgrader.CheckOrigin
不允许请求来源
For example, when I am typing in the console: websocket = new webSocket('ws://localhost: 8080') in a domain other than my domain.
问题中的服务器代码实现了同源策略。更改 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
}
如何创建来自任何 domain-name/ip-address 的任何客户端都可以与之通信的 WebSocket 服务器。我不想为了与服务器通信而必须打开带有服务器提供的自定义地址的页面。
目标是能够与 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
通过 link 或通过浏览器扩展注入时,一切都很好。
但是当我将它注入另一个没有相同 ip 地址的页面时,它不起作用。例如:例如,当我在控制台中输入时:websocket = new webSocket('ws://localhost: 8080')
在我的域以外的域中。
客户端错误:
VM447:1 WebSocket 连接到 'ws://localhost:8080/' 失败:连接在收到握手响应前关闭。
服务器错误: websocket: Upgrader.CheckOrigin
不允许请求来源For example, when I am typing in the console: websocket = new webSocket('ws://localhost: 8080') in a domain other than my domain.
问题中的服务器代码实现了同源策略。更改 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
}