无法与推送器中的服务器数据绑定.js

Question

我正在使用此链接创建协作绘图应用程序。我可以运行应用程序，但协作绘图没有发生。我已经成功创建了PUSHER_APP_ID、PUSHER_KEY、PUSHER_SECRET&放置在CCD_ 4中。

协作绘图代码-

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' }

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

Answer 1

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