一个golang vue使用websocket 的例子-Golang

下面由golang教程栏目给大家介绍一个golang vue使用websocket 的例子 ，希望对需要的朋友有所帮助！

一. 编写golang服务端

1.导入必要的websocket包，golang.org/x/net/websocket 或 github.com/golang/net/websocket

2.编写消息处理函数，主要实现接收客户端发送的消息和向客户端发送消息

(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.绑定地址及端口

main()() {   http.Handle(websocket.(handler.))   err := http.ListenAndServe(nil)err != nil {      fmt.Println(err)   }}

二、编写VUE客户端

<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.onmessagethis.websock.onopen = this.onopenthis.websock.onerror = this.onerrorthis.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 = thisconsole.log(e.data)_this.msg = e.data},onerror: function () {console.log('ws error')this.init()}},mounted: function () {this.init()},watch: {}}</script>

完整源码访问：https://github.com/w3liu/websocket

以上就是一个golang vue使用websocket 的例子的知识。速戳>>知识兔学习精品课！