golang中vue使用websocket的示例分析

小编给大家分享一下golang中Vue使用websocket的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

一. 编写Golang服务端

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

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

(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)}   }}

绑定地址及端口

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>

什么是golang

golang 是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言，其语法与 C语言相近，但并不包括如枚举、异常处理、继承、泛型、断言、虚函数等功能。

以上是“golang中vue使用websocket的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网GO频道！