使用 PeerjsTransporter 时，控制台报错

[TOmANDJerryz]

[lbaozi]

我也遇到这个问题，打开了peerjs的debug看到是由于包太大导致的，对于大页面初始包会比较大，可以简单的自己实现一个peerjs的传输在发送时将发送的数据分片，接收的时候重新拼装

[TOmANDJerryz]

我也遇到这个问题，打开了peerjs的debug看到是由于包太大导致的，对于大页面初始包会比较大，可以简单的自己实现一个peerjs的传输在发送时将发送的数据分片，接收的时候重新拼装

这个问题你解决了吗？

[lbaozi]

我也遇到这个问题，打开了peerjs的debug看到是由于包太大导致的，对于大页面初始包会比较大，可以简单的自己实现一个peerjs的传输在发送时将发送的数据分片，接收的时候重新拼装

这个问题你解决了吗？

解决了，因为我只是做一个demo所以在发送的时候将数据进行了简单的拆分

async send<T>(data: T) {
  if (!this.conn) {
    await this.connect();
  }
  while (this.role === 'embed' && !this.opened) {
    // a spin lock to wait connection open
    await sleep(50);
  }
  let dataStr = JSON.stringify(data);
  const MAX_LENGTH = 200000;
  if (dataStr.length > MAX_LENGTH) {
    const count = Math.ceil(dataStr.length / MAX_LENGTH);
    for (let i = 0; i < count; i++) {
      const sendData = dataStr.slice(0, Math.min(dataStr.length, MAX_LENGTH));
      dataStr = dataStr.slice(Math.min(dataStr.length, MAX_LENGTH));

      this.conn?.send(`part${i + 1}-${count}endpart;${sendData}`);
    }
  } else {
    this.conn?.send(data);
  }
}

然后在接收的地方重新组装

conn.on('data', data => {
  data = this.joinData(data);
  if (!data) return;
  const { event, payload } = data;
  this.handlers[event as TransporterEvents].map(h =>
    h({
      event: event,
      payload: payload,
    })
  );
});
joinData (data:any) {
  if (typeof data === 'string' && data.startsWith('part') && data.includes('endpart;')) {
    const partData = data.split('endpart;');
    const index = parseInt(partData[0].split('-')[0].replace('part', ''), 10);
    const count = parseInt(partData[0].split('-')[1], 10);
    this.temp[index - 1] = partData[1];
    this.tempLength = this.tempLength + 1;
    console.log(`收到了拆包，当前包${index},共计：${count},已接收:${this.temp.length}`)

    if (this.tempLength !== count) return
      data = JSON.parse(this.temp.join(''));
      this.temp = [];
      this.tempLength = 0;
  }
  return data;
}