невозможно связать с данными сервера в пушере. js

Question

Я следую по этой ссылке , чтобы создать приложение для совместной работы. я могу запустить приложение, но совместное рисование не происходит . Я успешно создал 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);
        });
      }
    });
  }

Я вижу другой идентификатор пользователя, если нажимаю его в другом браузере. но это не идет внутрь ниже l oop.

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