前端在websocket中关于protobuf对于二进制数据的解码编码

前端在WebSocket中使用protobufjs对二进制数据进行解码编码

现在的项目中有一个需求是通过WebSocket连接后端进行视频回放功能的实现
由于是HTTPS网页，WebSocket中使用wss进行连接，在连接时也时有一些坑的，
wss连接后面接域名，我这里使用的依然是ip地址加端口的方式进行连接，其实前端需要做的不多，
正常连接就行，其他的后端处理就行，连接不上把锅甩给后端就行（狗头保命）

const ws = new WebSocket("wss://10.10.68.64:8891/replay"); 
	ws.onopen = function(evt) { 
	        console.log("Connection open ..."); 
	        };
	ws.onmessage = function(evt) {
	            console.log("Received Message: " + evt.data)
	            ws.close()
	            ｝
	ws.onclose = function(){ }

连接完之后再 onmessage 函数里面处理后端发送过来的数据，
WebSoket支持字符串和二进制传输，我这项目中的后端发送的是 用 Blob 对象 包装的二进制数据，
二进制数据发送到前端之后，前端进行解码，
这里解码二进制数据困扰了我挺久的，由于对于protobufjs的不了解，
对于protobufjs第三方库中的 api的作用不清楚，我找了好久的资料，
首先需要后端编写 .proto 为后缀的文件，发送给前端，由前端编译成 json 文件或者编译成 js 文件，
我在 src 目录下新建了一个 proto 文件夹用来存储 .proto 为后缀的文件
我在 protobufjs 官网找到了编译 .proto 文件成json文件的命令

pbjs -t json file1.proto file2.proto > bundle.json

这个命令是可以将多个 .proto 文件编译成一个 json 文件 当然， 编译一个也不在话下，
如果命令执行出错 可以换成

npx pbjs -t json file1.proto file2.proto >