ws:WebSocketServerはBlobで受ける

「ws node.js」で検索して出てくるサンプルコードがどれも送信内容次第で失敗する。
テキストからBlobに変えたらうまく行った。根本的原因は不明だがとりあえず。

追記：iPhone Safari で static 使っちゃ駄目らしい。なんでだよ

nodeApp.js

const WebSocketServer = require("ws").Server
const server = new WebSocketServer({ port: 5001 })
server.on("connection", client => {
    client.on('message', message => {
        server.clients.forEach(v => {
            if(v !== client) v.send(message)
        })
    })
    console.log('_connections',server._server._connections)
})

plainWeb.js

$(e=>{
    var m = new Messenger.Nodejs().message(e=>{
        console.log(e)
    }).open()
    $('body').append(
        $('<button>').append('test').click(e=>{
            m.send({type:'text',value:'サンプルコードがどうも送信内容次第で失敗する。サンプルコードがどうも送信内容次第で失敗する。'})
        })
    )
})

var Messenger = {}
Messenger.Socket = class{
    constructor(){
        this.hook = {
            message : e=>{},
            error   : e=>console.log(e),
            status  : e=>console.log(e),
        }
    }
    open(){}
    message(f){ this.hook.message   = f; return this}
    error(f){   this.hook.error     = f; return this}
    status(f){  this.hook.status    = f; return this}
    get connecting(){
        if(this.socket==null) return false
        return this.socket.readyState==WebSocket.OPEN
    }
    send(e){
        if(this.connecting){
            this.socket.send(JSON.stringify(e))
        }else{
            this.hook.error(e)
        }
        return this
    }
}
Messenger.Nodejs = class extends Messenger.Socket{
    static url = 'ws://192.168.10.3:5001/'
    open(url){
        if(this.connecting) return this
        try{
            var s = new WebSocket(url||this.constructor.url);
        }catch(error){
            console.log(error)
            this.hook.error(error)
        }
        if(s){
            var r = new FileReader();
            r.onload    = e=>this.hook.message(JSON.parse(r.result))
            s.onmessage = e=>{
                if(e.data instanceof Blob){
                    r.readAsText(e.data);//BlobをFileReaderで読む
                }else{
                    this.hook.message(JSON.parse(e.data))
                }
            }
            //s.onmessage   = e=>this.hook.message(JSON.parse(e.data))
            s.onerror   = e=>this.hook.error(e)
            s.onopen    = e=>this.hook.status(e)
            s.onclose   = e=>this.hook.status(e)
            this.socket = s
        }
        return this
    }
}