Heim  >  Artikel  >  Backend-Entwicklung  >  Ein Beispiel für Golang Vue mit WebSocket

Ein Beispiel für Golang Vue mit WebSocket

藏色散人
藏色散人nach vorne
2021-05-19 14:05:102053Durchsuche

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: &#39;&#39;
}
},
methods: {
init: function () {
const wsurl = &#39;ws://127.0.0.1:88/ws&#39;
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(&#39;{"userid":1, "name":"zhang san", "age":"30"}&#39;)
},
send: function (data) {
for (var i = 0; i < 10; i++) {
this.websock.send(data)
}
},
onclose: function (e) {
console.log(&#39;ws close&#39;, e)
},
onmessage: function (e) {
let _this = this
console.log(e.data)
_this.msg = e.data
},
onerror: function () {
console.log(&#39;ws error&#39;)
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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen