Maison > Article > développement back-end > Tutoriel Golang Websocket : Comment développer la fonction de soumission en ligne
Tutoriel Golang Websocket : Comment développer une fonction de soumission en ligne
Introduction :
Avec le développement rapide d'Internet, de plus en plus d'applications doivent implémenter des fonctions de communication en temps réel. Dans les applications réseau, la technologie Websocket est devenue un protocole de communication couramment utilisé. Cet article vise à enseigner aux lecteurs comment utiliser le langage Golang pour développer une fonction de soumission en ligne et utiliser Websocket pour obtenir une interaction en temps réel.
1. Introduction à Websocket
Websocket est un protocole de communication full-duplex qui peut établir une connexion persistante entre le navigateur et le serveur pour établir une communication en temps réel. Par rapport au protocole HTTP traditionnel, Websocket a une latence plus faible et un débit plus élevé, et convient aux scénarios d'application qui traitent des données en temps réel.
2. Configuration de l'environnement de développement
Avant de commencer le développement, vous devez configurer l'environnement de développement Golang.
Installer les bibliothèques associées :
go get github.com/gorilla/websocket
3. Conception de la structure du projet
Avant de développer la fonction de soumission en ligne, vous devez planifier la structure des répertoires du projet.
- main.go - handler.go - template - index.html
4. Implémentation du code
main.go
package main import ( "html/template" "log" "net/http" "github.com/gorilla/websocket" ) var ( upgrader = websocket.Upgrader{} clients = make(map[*websocket.Conn]bool) broadcast = make(chan []byte) homeTemplate *template.Template ) func homeHandler(w http.ResponseWriter, r *http.Request) { homeTemplate.Execute(w, nil) } func websocketHandler(w http.ResponseWriter, r *http.Request) { conn, err := upgrader.Upgrade(w, r, nil) if err != nil { log.Println(err) return } defer conn.Close() clients[conn] = true for { _, msg, err := conn.ReadMessage() if err != nil { log.Println(err) delete(clients, conn) return } broadcast <- msg } } func handleMessages() { for { msg := <-broadcast for client := range clients { err := client.WriteMessage(websocket.TextMessage, msg) if err != nil { log.Println(err) client.Close() delete(clients, client) } } } } func main() { // 配置文件路径 homeTemplate = template.Must(template.ParseFiles("template/index.html")) http.HandleFunc("/", homeHandler) http.HandleFunc("/ws", websocketHandler) go handleMessages() err := http.ListenAndServe(":8080", nil) if err != nil { log.Fatal(err) } }
handler.go
package main import ( "net/http" "path/filepath" ) func homeHandler(w http.ResponseWriter, r *http.Request) { filePath, _ := filepath.Abs("template/index.html") http.ServeFile(w, r, filePath) }
template/index.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>在线投稿功能</title> </head> <body> <h1>在线投稿功能</h1> <textarea id="message-input" rows="5" cols="30"></textarea> <button id="send-btn">发送</button> <br> <ul id="message-list"></ul> </body> <script> var socket = new WebSocket("ws://localhost:8080/ws"); socket.onmessage = function (event) { var messageList = document.getElementById("message-list"); var messageItem = document.createElement("li"); messageItem.innerText = event.data; messageList.appendChild(messageItem); }; document.getElementById("send-btn").addEventListener("click", function () { var messageInput = document.getElementById("message-input"); var message = messageInput.value; socket.send(message); }); </script> </html>
5.
go run main.goOuvrez le navigateur et saisissez l'adresse http://localhost:8080/ pour accéder à la page.
Continuer à apprendre et à pratiquer les technologies liées à Websocket apportera plus de possibilités et d'innovation au développement. J'espère que les lecteurs pourront utiliser les conseils de cet article pour mieux utiliser Golang afin de développer davantage d'applications réseau interactives en temps réel.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!