Maison développement back-end Golang Guide de développement de Golang Websocket : implémentation de la fonction d'édition en ligne pour plusieurs personnes

Guide de développement de Golang Websocket : implémentation de la fonction d'édition en ligne pour plusieurs personnes

Dec 02, 2023 pm 01:42 PM
golang websocket Édition en ligne à plusieurs personnes

golang Websocket开发指南:实现多人在线编辑功能

Guide de développement de Golang Websocket : Implémentation d'une fonction d'édition en ligne multi-personnes

Aperçu :
Avec le développement rapide d'Internet, le développement d'applications Web a attiré de plus en plus d'attention. En particulier, certaines applications doivent implémenter la fonction d'édition collaborative en ligne par plusieurs personnes. Un moyen simple et efficace d'y parvenir consiste à utiliser Websocket.

Websocket est un protocole de communication full-duplex basé sur le protocole TCP. Il peut établir une connexion persistante entre le client et le serveur et permettre au serveur de transmettre activement des messages au client. Dans cet article, nous utiliserons Golang pour implémenter une fonction d'édition en ligne simple à plusieurs personnes afin que plusieurs utilisateurs puissent modifier le même document en même temps.

Étapes de mise en œuvre :

  1. Initialiser un projet Golang
    Avant de commencer, nous devons initialiser un projet Golang. Vous pouvez utiliser la commande suivante :

    mkdir coedit
    cd coedit
    go mod init github.com/your-username/coedit
    Copier après la connexion
  2. Installer la bibliothèque Gorilla WebSocket
    Gorilla WebSocket est une excellente bibliothèque Golang pour implémenter la fonctionnalité Websocket. Nous pouvons l'installer avec la commande suivante :

    go get github.com/gorilla/websocket
    Copier après la connexion
  3. Créer un serveur Websocket
    Tout d'abord, nous devons créer un serveur Websocket dans Golang. Créez un fichier nommé main.go et ajoutez le code suivant : main.go的文件,并添加以下代码:

    package main
    
    import (
     "log"
     "net/http"
     "github.com/gorilla/websocket"
    )
    
    var (
     clients   = make(map[*websocket.Conn]bool) //保存所有连接的客户端
     broadcast = make(chan []byte)              //广播消息的通道
     upgrader  = websocket.Upgrader{}           //升级器
    )
    
    func main() {
     fs := http.FileServer(http.Dir("static"))
     http.Handle("/", fs)
    
     // 当有新的websocket请求时,升级连接,并处理收到的消息
     http.HandleFunc("/ws", handleConnections)
    
     // 启动广播器
     go handleMessages()
    
     log.Println("Server started on :8000")
     log.Fatal(http.ListenAndServe(":8000", nil))
    }
    
    func handleConnections(w http.ResponseWriter, r *http.Request) {
     //升级请求并检查错误
     ws, err := upgrader.Upgrade(w, r, nil)
     if err != nil {
         log.Println(err)
         return
     }
     //关闭连接
     defer ws.Close()
    
     //注册新的客户端
     clients[ws] = true
    
     for {
         var msg []byte
         //读取消息并检查错误
         _, msg, err = ws.ReadMessage()
         if err != nil {
             log.Println(err)
             delete(clients, ws)
             break
         }
         //将消息发送到广播通道
         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)
             }
         }
     }
    }
    Copier après la connexion

这段代码首先导入了需要的包,然后定义了一些全局变量。handleConnections函数用于处理Websocket连接以及与之关联的消息。handleMessages函数用于从广播通道接收消息,并将消息发送给所有客户端。

  1. 创建HTML文件
    在项目根目录下创建一个名为static的文件夹,然后创建一个名为index.html的文件,并添加以下代码:

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>CoEdit Online Editor</title>
     <style>
         #editor {
             width: 100%;
             height: 500px;
             font-size: 14px;
             line-height: 18px;
         }
     </style>
    </head>
    <body>
     <div id="editor"></div>
     <script>
         var socket = new WebSocket("ws://localhost:8000/ws");
         var editor = ace.edit("editor");
    
         editor.setTheme("ace/theme/twilight");
         editor.getSession().setMode("ace/mode/javascript");
    
         socket.onmessage = function(event) {
             editor.setValue(event.data);
         };
    
         editor.on("input", function() {
             socket.send(editor.getValue());
         });
     </script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.6/ace.js"></script>
    </body>
    </html>
    Copier après la connexion

这段代码创建了一个简单的文本编辑器,使用了ace库。它还创建了一个Websocket连接,并在接收到消息时更新编辑器的内容。在用户编辑文本时,会将更改的内容发送到服务器。

  1. 运行应用程序
    在终端中运行以下命令,启动应用程序:

    go run main.go
    Copier après la connexion

现在,可以在浏览器中访问http://localhost:8000rrreee

Ce code importe d'abord les packages requis puis définit certaines variables globales. La fonction handleConnections est utilisée pour gérer les connexions Websocket et les messages qui leur sont associés. La fonction handleMessages est utilisée pour recevoir des messages du canal de diffusion et envoyer les messages à tous les clients.

    Créer un fichier HTML

    Créez un dossier nommé static dans le répertoire racine du projet, puis créez un dossier nommé index.html file et ajoutez le code suivant : 🎜rrreee🎜
🎜Ce code crée un éditeur de texte simple utilisant la bibliothèque ace. Il crée également une connexion Websocket et met à jour le contenu de l'éditeur lorsque des messages sont reçus. Lorsque l'utilisateur modifie du texte, les modifications sont envoyées au serveur. 🎜
    🎜🎜Exécutez l'application 🎜Exécutez la commande suivante dans le terminal pour démarrer l'application : 🎜rrreee🎜
🎜Maintenant, vous pouvez visiter http://localhost dans votre navigateur :8000, plusieurs utilisateurs peuvent accéder à cette page en même temps et modifier de manière collaborative le même document. 🎜🎜Résumé : 🎜Cet article explique comment utiliser Golang et Websocket pour réaliser une édition collaborative en ligne à plusieurs personnes. En créant des serveurs Websocket et des pages HTML, les utilisateurs peuvent éditer et partager des documents en temps réel. Ceci n'est qu'un exemple simple, vous pouvez étendre les fonctionnalités en fonction des besoins réels et ajouter une logique côté serveur pour contrôler les autorisations d'édition entre les utilisateurs, etc. 🎜🎜 La mise en œuvre de cette manière de la fonction d'édition en ligne à plusieurs personnes peut améliorer efficacement la collaboration et les performances en temps réel, et offrir aux utilisateurs une meilleure expérience utilisateur. J'espère que cet article pourra vous aider dans le développement de Websocket et vous permettre de mieux appliquer cette technologie. 🎜

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment lire et écrire des fichiers en toute sécurité avec Golang ? Comment lire et écrire des fichiers en toute sécurité avec Golang ? Jun 06, 2024 pm 05:14 PM

Lire et écrire des fichiers en toute sécurité dans Go est crucial. Les directives incluent : Vérification des autorisations de fichiers Fermeture de fichiers à l'aide de reports Validation des chemins de fichiers Utilisation de délais d'attente contextuels Le respect de ces directives garantit la sécurité de vos données et la robustesse de vos applications.

Comment configurer le pool de connexions pour la connexion à la base de données Golang ? Comment configurer le pool de connexions pour la connexion à la base de données Golang ? Jun 06, 2024 am 11:21 AM

Comment configurer le pool de connexions pour les connexions à la base de données Go ? Utilisez le type DB dans le package base de données/sql pour créer une connexion à la base de données ; définissez MaxOpenConns pour contrôler le nombre maximum de connexions simultanées ; définissez MaxIdleConns pour définir le nombre maximum de connexions inactives ; définissez ConnMaxLifetime pour contrôler le cycle de vie maximum de la connexion ;

Comparaison des avantages et des inconvénients du framework Golang Comparaison des avantages et des inconvénients du framework Golang Jun 05, 2024 pm 09:32 PM

Le framework Go se distingue par ses hautes performances et ses avantages en matière de concurrence, mais il présente également certains inconvénients, tels qu'être relativement nouveau, avoir un petit écosystème de développeurs et manquer de certaines fonctionnalités. De plus, les changements rapides et les courbes d’apprentissage peuvent varier d’un cadre à l’autre. Le framework Gin est un choix populaire pour créer des API RESTful en raison de son routage efficace, de sa prise en charge JSON intégrée et de sa puissante gestion des erreurs.

Quelles sont les meilleures pratiques pour la gestion des erreurs dans le framework Golang ? Quelles sont les meilleures pratiques pour la gestion des erreurs dans le framework Golang ? Jun 05, 2024 pm 10:39 PM

Meilleures pratiques : créer des erreurs personnalisées à l'aide de types d'erreurs bien définis (package d'erreurs) fournir plus de détails consigner les erreurs de manière appropriée propager correctement les erreurs et éviter de masquer ou de supprimer les erreurs Wrap si nécessaire pour ajouter du contexte

Comment enregistrer les données JSON dans la base de données dans Golang ? Comment enregistrer les données JSON dans la base de données dans Golang ? Jun 06, 2024 am 11:24 AM

Les données JSON peuvent être enregistrées dans une base de données MySQL à l'aide de la bibliothèque gjson ou de la fonction json.Unmarshal. La bibliothèque gjson fournit des méthodes pratiques pour analyser les champs JSON, et la fonction json.Unmarshal nécessite un pointeur de type cible pour désorganiser les données JSON. Les deux méthodes nécessitent la préparation d'instructions SQL et l'exécution d'opérations d'insertion pour conserver les données dans la base de données.

Golang Framework vs Go Framework : comparaison de l'architecture interne et des fonctionnalités externes Golang Framework vs Go Framework : comparaison de l'architecture interne et des fonctionnalités externes Jun 06, 2024 pm 12:37 PM

La différence entre le framework GoLang et le framework Go se reflète dans l'architecture interne et les fonctionnalités externes. Le framework GoLang est basé sur la bibliothèque standard Go et étend ses fonctionnalités, tandis que le framework Go se compose de bibliothèques indépendantes pour atteindre des objectifs spécifiques. Le framework GoLang est plus flexible et le framework Go est plus facile à utiliser. Le framework GoLang présente un léger avantage en termes de performances et le framework Go est plus évolutif. Cas : gin-gonic (framework Go) est utilisé pour créer l'API REST, tandis qu'Echo (framework GoLang) est utilisé pour créer des applications Web.

Quels sont les problèmes courants de gestion des dépendances dans le framework Golang ? Quels sont les problèmes courants de gestion des dépendances dans le framework Golang ? Jun 05, 2024 pm 07:27 PM

Problèmes courants et solutions dans la gestion des dépendances du framework Go : Conflits de dépendances : utilisez les outils de gestion des dépendances, spécifiez la plage de versions acceptée et recherchez les conflits de dépendances. Verrouillage du fournisseur : résolu par la duplication de code, le verrouillage des fichiers GoModulesV2 ou le nettoyage régulier du répertoire du fournisseur. Failles de sécurité : utilisez des outils d'audit de sécurité, choisissez des fournisseurs réputés, surveillez les bulletins de sécurité et maintenez les dépendances à jour.

Explication pratique détaillée du développement du framework Golang : questions et réponses Explication pratique détaillée du développement du framework Golang : questions et réponses Jun 06, 2024 am 10:57 AM

Dans le développement du framework Go, les défis courants et leurs solutions sont les suivants : Gestion des erreurs : utilisez le package d'erreurs pour la gestion et utilisez un middleware pour gérer les erreurs de manière centralisée. Authentification et autorisation : intégrez des bibliothèques tierces et créez un middleware personnalisé pour vérifier les informations d'identification. Traitement simultané : utilisez des goroutines, des mutex et des canaux pour contrôler l'accès aux ressources. Tests unitaires : utilisez les packages, les simulations et les stubs gotest pour l'isolation, ainsi que les outils de couverture de code pour garantir la suffisance. Déploiement et surveillance : utilisez les conteneurs Docker pour regrouper les déploiements, configurer les sauvegardes de données et suivre les performances et les erreurs avec des outils de journalisation et de surveillance.

See all articles