无法与 pusher.js 中的服务器数据绑定答案

【问题标题】：can't bind with server data in pusher.js无法与 pusher.js 中的服务器数据绑定
【发布时间】：2020-03-17 06:26:23
【问题描述】：

我正在关注this link 创建一个协作绘图应用程序。我能够运行应用程序，但协作绘图没有发生。我已成功创建PUSHER_APP_ID、PUSHER_KEY、PUSHER_SECRET 并放入.env。

协同绘图代码-

  ngAfterViewInit() {
    const channel = this.pusher.init();
    console.log("ngAfterViewInit called :: line 142 : ", this.userId);
    channel.bind('draw', (data) => {
      console.log("line 144");
      if (data.userId !== this.userId) {
        console.log("line 146");
        data.line.forEach((position) => {
          console.log("line 148");
          this.draw(position.start, position.stop, this.guestStrokeStyle);
        });
      }
    });
  }

如果我在不同的浏览器中点击它，我可以看到不同的用户 ID。但它不会进入下面的循环。

channel.bind('draw', (data) => {
...
}

我可以看到来自server.js 代码的日志 -

app.post('/draw', (req, res) => {
    console.log("draw :: in server :: ", req.body);
    pusher.trigger('painting', 'draw', req.body);
    res.json(req.body);
});

日志 -

draw :: in server ::  { line:
   [ { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] },
     { start: [Object], stop: [Object] } ],
userId: 'ggfe565r-68ae-6cc6-878a-7g7j9d3b6b94' }

如果我做错了什么或遗漏了什么，请任何人帮忙/指导。

【问题讨论】：

标签： angular pusher pusher-js

【解决方案1】：

我通过将cluster: 'eu' 更改为cluster: 'ap2' 解决了这个问题。

【讨论】：