本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《利用 WebSocket 在前端通过 JS 客户端将数据实时传输至 Go 后端》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

背景

我打算通过 js 客户端将 100x mb 或 gb 数据流式传输到 websocket 服务器。喜欢这篇文章：

通过 websocket 传输数据

但是我的服务器是go而不是js。我的意思是有一个由 https://github.com/gorilla/websocket 实现的 go websocket 服务器

建议的一个选项是使用 binaryjs：

通过 websocket 传输数据

问题

binaryjs：服务端和客户端都是js

服务器

var binaryserver = require('../../').binaryserver;

// start binary.js server
var server = binaryserver({port: 9000});

https://github.com/binaryjs/binaryjs/blob/79f51d6431e32226ab16e1b17bf7048e9a7e8cd9/examples/helloworld/server.js#l5

客户端

<script src="http://cdn.binaryjs.com/0/binary.js"></script>
  <script>
    // Connect to Binary.js server
    var client = new BinaryClient('ws://localhost:9000');

https://github.com/binaryjs/binaryjs/blob/79f51d6431e32226ab16e1b17bf7048e9a7e8cd9/examples/helloworld/index.html#l6

问题

是否可以将 binaryjs 与 go 服务器一起使用？有等效的 go 包吗？

正确答案

测试显示，对于 float32array 类型的大小大于 200 mb 的数据从 js 发送到 go websocket 服务器，根本不需要流式传输。

只需确保 ws.binarytype = 'arraybuffer'; 在 ws.send(positions); 之前使用。

var positions = attrPos.array;

                    function connect() {
                        return new Promise(function(resolve, reject) {
                            var ws = new WebSocket('ws://127.0.0.1:8081/echo');
                            ws.onopen = function() {
                                resolve(ws);
                            };
                            ws.onerror = function(err) {
                                reject(err);
                            };
                            ws.onclose = function(evt) {
                                console.log("CLOSE SOCKET", new Date().toLocaleString());
                            };
                            ws.onmessage = function(evt) {
                                console.log("RESPONSE SOCKET: " + "RECEIVED" /* evt.data */, new Date().toLocaleString());
                            };
                        });
                    }
                    connect().then(function(ws) {
                        // onopen
                        console.log("OPENED SOCKET", new Date().toLocaleString());
                        console.log("SEND: START", new Date().toLocaleString());
                        ws.binaryType = 'arraybuffer'; // ** Critical statement
                        ws.send(positions);
                        ws.close();
                    }).catch(function(err) {
                        // onerror
                        console.log("ERROR: " + evt.data, new Date().toLocaleString());
                    });

理论要掌握，实操不能落！以上关于《利用 WebSocket 在前端通过 JS 客户端将数据实时传输至 Go 后端》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！