Heim > Backend-Entwicklung > Golang > Integration von Golang WebSocket und Browser: Erzielung sofortiger Kommunikation

Integration von Golang WebSocket und Browser: Erzielung sofortiger Kommunikation

WBOY
Freigeben: 2023-12-17 11:21:43
Original
702 Leute haben es durchsucht

golang WebSocket与浏览器的集成:实现即时通信

Golang ist eine effiziente, einfache und leicht zu erlernende Programmiersprache und WebSocket ist eine wichtige Technologie für die sofortige Kommunikation. In diesem Artikel wird erläutert, wie Sie WebSocket in Golang integrieren und eine sofortige Kommunikation mit dem Browser implementieren.

1. Einführung

Bei der Entwicklung von Webanwendungen ist Echtzeitkommunikation eine sehr wichtige funktionale Anforderung. Das vorherige HTTP-Protokoll war ein zustandsloses Protokoll und konnte keine Echtzeitkommunikation erreichen. Als Ergebnis entstand WebSocket. WebSocket ist ein TCP-basiertes Protokoll, das einen Vollduplex-Kommunikationskanal bereitstellt, der eine Echtzeitkommunikation zwischen dem Client und dem Server ermöglicht.

Golang bietet als leistungsstarke Back-End-Sprache eine sehr gute Unterstützung für WebSocket. Mit den Parallelitätsfunktionen und der prägnanten Syntax von Golang können wir problemlos eine sofortige Kommunikation zwischen WebSocket und dem Browser implementieren.

2. WebSocket in Golang

Zunächst müssen wir das net/http-Paket von Golang verwenden, um einen Server zu erstellen. Das Folgende ist ein einfacher Beispielcode: net/http包来创建一个服务器。下面是一个简单的示例代码:

package main

import (
    "log"
    "net/http"
)

func wsHandler(w http.ResponseWriter, r *http.Request) {
    // 在这里处理WebSocket的逻辑

}

func main() {
    http.HandleFunc("/", wsHandler)
    err := http.ListenAndServe(":8080", nil)
    if err != nil {
        log.Fatal("ListenAndServe: ", err)
    }
}
Nach dem Login kopieren

上述代码中,我们首先定义了一个处理WebSocket请求的wsHandler函数,然后使用http.HandleFunc将它注册到根路径上。最后,我们使用http.ListenAndServe函数将服务器监听在8080端口上。

接下来,我们需要在wsHandler函数中处理WebSocket的逻辑。Golang的net/http包提供了一个Upgrade函数,用于将HTTP请求升级为WebSocket连接。我们可以使用Upgrade函数将HTTP连接升级为WebSocket连接。

func wsHandler(w http.ResponseWriter, r *http.Request) {
    conn, err := upgrader.Upgrade(w, r, nil)
    if err != nil {
        log.Println(err)
        return
    }
    defer conn.Close()

    for {
        // 在这里处理WebSocket的消息
    }
}
Nach dem Login kopieren

在上述代码中,我们首先调用upgrader.Upgrade函数将HTTP连接升级为WebSocket连接。然后,我们通过conn对象与浏览器进行交互。有了conn对象,我们可以使用WriteMessage函数发送消息给浏览器,使用ReadMessage函数接收浏览器发送的消息。

3. 浏览器端的WebSocket

为了演示Golang与浏览器之间的WebSocket通信,我们需要一个简单的前端页面。下面是一个使用JavaScript实现的WebSocket客户端示例代码:

<!DOCTYPE html>
<html>
<head>
    <title>WebSocket Demo</title>
    <script>
        var ws = new WebSocket("ws://localhost:8080/");

        ws.onopen = function() {
            // 连接建立后的逻辑
        };

        ws.onmessage = function(evt) {
            // 接收到消息后的逻辑
        };

        ws.onclose = function() {
            // 连接关闭后的逻辑
        };

        function sendMessage() {
            var message = document.getElementById("message").value;
            ws.send(message);
        }
    </script>
</head>
<body>
    <input id="message" type="text" />
    <button onclick="sendMessage()">发送消息</button>
</body>
</html>
Nach dem Login kopieren

在上述代码中,我们首先创建了一个WebSocket对象,并指定了服务器的地址。在ws.onopen函数中,我们可以实现连接建立后的逻辑;在ws.onmessage函数中,我们可以实现接收到消息后的逻辑;在ws.onclose函数中,我们可以实现连接关闭后的逻辑。另外,我们还提供了一个sendMessage函数,用于将用户输入的消息发送给服务器。

4. 实现即时通信

有了基本的服务器和客户端代码,我们就可以开始实现即时通信功能了。下面是一个简单的示例,演示在浏览器中输入消息后,在服务器端广播给其他连接的客户端:

func wsHandler(w http.ResponseWriter, r *http.Request) {
    conn, err := upgrader.Upgrade(w, r, nil)
    if err != nil {
        log.Println(err)
        return
    }
    defer conn.Close()

    for {
        // 接收消息
        messageType, message, err := conn.ReadMessage()
        if err != nil {
            log.Println(err)
            break
        }

        log.Printf("Received message: %s", message)

        // 广播消息
        for c := range connections {
            err := c.WriteMessage(messageType, message)
            if err != nil {
                log.Println(err)
            }
        }
    }
}
Nach dem Login kopieren

在上述代码中,我们首先使用conn.ReadMessage函数接收浏览器发送的消息。然后,我们遍历所有连接的客户端,使用c.WriteMessage函数将消息广播出去。

5. 总结

本文介绍了如何使用Golang集成WebSocket,并在浏览器中实现即时通信功能。我们首先介绍了Golang的net/http包,并创建了一个简单的服务器。然后,我们使用net/http包提供的Upgraderrreee

Im obigen Code definieren wir zunächst eine wsHandler-Funktion, die WebSocket-Anfragen verarbeitet, und verwenden dann http.HandleFunc, um sie zu registrieren auf dem Root-Pfad. Schließlich verwenden wir die Funktion http.ListenAndServe, um den Server an Port 8080 abzuhören.

Als nächstes müssen wir die Logik von WebSocket in der Funktion wsHandler behandeln. Das net/http-Paket von Golang bietet eine Upgrade-Funktion zum Aktualisieren von HTTP-Anfragen auf WebSocket-Verbindungen. Wir können die Funktion Upgrade verwenden, um die HTTP-Verbindung auf eine WebSocket-Verbindung zu aktualisieren. 🎜rrreee🎜Im obigen Code rufen wir zunächst die Funktion upgrader.Upgrade auf, um die HTTP-Verbindung auf eine WebSocket-Verbindung zu aktualisieren. Anschließend interagieren wir mit dem Browser über das conn-Objekt. Mit dem conn-Objekt können wir die Funktion WriteMessage verwenden, um Nachrichten an den Browser zu senden, und die Funktion ReadMessage verwenden, um vom Browser gesendete Nachrichten zu empfangen Browser. 🎜🎜3. WebSocket auf der Browserseite🎜🎜Um die WebSocket-Kommunikation zwischen Golang und dem Browser zu demonstrieren, benötigen wir eine einfache Frontend-Seite. Das Folgende ist ein Beispielcode für einen in JavaScript implementierten WebSocket-Client: 🎜rrreee🎜Im obigen Code erstellen wir zunächst ein WebSocket-Objekt und geben die Adresse des Servers an. In der Funktion ws.onopen können wir die Logik implementieren, nachdem die Verbindung hergestellt wurde; in der Funktion ws.onmessage können wir die Logik implementieren, nachdem die Nachricht empfangen wurde ws.onclose können wir die Logik implementieren, nachdem die Verbindung geschlossen wurde. Darüber hinaus bieten wir auch eine sendMessage-Funktion zum Senden von vom Benutzer eingegebenen Nachrichten an den Server. 🎜🎜4. Instant Messaging implementieren🎜🎜Mit dem grundlegenden Server- und Clientcode können wir mit der Implementierung der Instant Messaging-Funktion beginnen. Das Folgende ist ein einfaches Beispiel, das zeigt, dass nach der Eingabe einer Nachricht im Browser diese an andere verbundene Clients auf der Serverseite gesendet wird: 🎜rrreee🎜Im obigen Code verwenden wir zuerst den conn.ReadMessage Funktion zum Empfangen einer vom Browser gesendeten Nachricht. Anschließend durchlaufen wir alle verbundenen Clients und senden die Nachricht mithilfe der Funktion c.WriteMessage. 🎜🎜5. Zusammenfassung🎜🎜In diesem Artikel wird erläutert, wie Sie mit Golang WebSocket integrieren und Instant-Messaging-Funktionen im Browser implementieren. Wir haben zuerst das net/http-Paket von Golang eingeführt und einen einfachen Server erstellt. Anschließend verwenden wir die Funktion Upgrade, die vom Paket net/http bereitgestellt wird, um die HTTP-Anfrage auf eine WebSocket-Verbindung zu aktualisieren. Schließlich verwenden wir JavaScript, um ein WebSocket-Objekt im Browser zu erstellen und die Logik zum Herstellen einer Verbindung, zum Empfangen von Nachrichten und zum Senden von Nachrichten zu implementieren. 🎜🎜Ich hoffe, dieser Artikel kann Ihnen helfen zu verstehen, wie Sie die sofortige Kommunikation mit dem Browser in Golang implementieren. Wenn Sie daran interessiert sind, können Sie erweiterte WebSocket-Funktionen wie Nachrichtenauthentifizierung, Nachrichtenkomprimierung usw. ausprobieren. Viel Glück auf Ihrer Reise zur Erkundung von Golang und WebSocket! 🎜

Das obige ist der detaillierte Inhalt vonIntegration von Golang WebSocket und Browser: Erzielung sofortiger Kommunikation. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage