Heim > Artikel > Backend-Entwicklung > Ein Beispiel für Golang Vue mit WebSocket
Die folgende Tutorial-Kolumne von golang stellt Ihnen ein Beispiel für die Verwendung von Websocket in Golang Vue vor. Ich hoffe, es wird Freunden in Not hilfreich sein!
1. Schreiben Sie den Golang-Server
1. Importieren Sie das erforderliche Websocket-Paket, golang.org/x/net/websocket oder github.com/golang/net/websocket
2. Schreiben Sie die Nachrichtenverarbeitungsfunktion, die Hauptimplementierung Empfangen Sie vom Client gesendete Nachrichten und senden Sie Nachrichten an den Client
(conn *websocket.) { conn.Close() jsonHandler := websocket.JSON userInfo := &{} res := &{ Code: Msg: } Push(conn) { err := jsonHandler.Receive(connuserInfo) err != nil { fmt.Println(err) } jsonData_ := json.Marshal(userInfo) fmt.Println((jsonData[:])) err = jsonHandler.Send(connres) err != nil { fmt.Println(err) } } }
3. Binden Sie die Adresse und den Port
main ( ) () { http.Handle(websocket.(handler.)) err := http.ListenAndServe(nil) err != nil { fmt.Println(err) } }
2. Schreiben Sie den VUE-Client
<template> <p> {{msg}} </p> </template> <script> export default { data () { return { websock: null, msg: '' } }, methods: { init: function () { const wsurl = 'ws://127.0.0.1:88/ws' this.websock = new WebSocket(wsurl) this.websock.onmessage = this.onmessage this.websock.onopen = this.onopen this.websock.onerror = this.onerror this.websock.onclose = this.onclose }, onopen: function () { this.send('{"userid":1, "name":"zhang san", "age":"30"}') }, send: function (data) { for (var i = 0; i < 10; i++) { this.websock.send(data) } }, onclose: function (e) { console.log('ws close', e) }, onmessage: function (e) { let _this = this console.log(e.data) _this.msg = e.data }, onerror: function () { console.log('ws error') this.init() } }, mounted: function () { this.init() }, watch: { } } </script>
Vollständiger Quellcodezugriff: https://github.com /w3liu/ websocket
Das obige ist der detaillierte Inhalt vonEin Beispiel für Golang Vue mit WebSocket. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!