비동기 Axios의 (나는 클라이언트와 서버가 통신 할 수 <code>vue-sockets.io</code>를 사용하고) 내가 클라이언트 측에서 <em>VUE</em> 및 <em>nojejs 게임 서버로</em>를 사용하여 멀티 플레이어 게임을 개발하고 있어요 NODEJS

Question

를 사용하여 약속을 실행 해달라고. 노드 쪽에서 게임 인스턴스를 만들면 타일과 숨겨진 이미지 (두 이미지가 모두 api에서 나옵니다)가 표시됩니다. 이것은 액시오를 사용하기 때문에 문제는 생성 된 게임이 액시스를 실행하기 전에 클라이언트에 반환된다는 것입니다. 그래서 클라이언트는 이미지없이 게임을 얻습니다.

는

createGame(playerName, socketID, boardSize) { 
    this.contadorID = this.contadorID+1; 

     var game = new MemoryGame(this.contadorID, playerName, boardSize); 

     new Promise(function(resolve, reject) { 
      console.log("a"); 
      game.getTiles().then(response=>{ 
       console.log("getTiles"); 
     game.tiles = game.getRandomNPieces(response.data.data, game.board.length/2); 
       console.log(game.tiles); 
     }).catch(function (error) { 
     console.log(error); 
     }); 
      console.log('=>' + game.tiles); 
     }).then(function(result) { // (***) 
      console.log("b"); 
      game.getHidden().then(response=>{ 
     game.hidden = game.getRandomHidden(response.data.data); 
     }).catch(function (error) { 
     console.log(error); 
     }); 
     }).catch(function (error) { 
      console.log(error); 
     }); 
    game.player1SocketID = socketID; 
    this.games.set(game.gameID, game); 
    return game; 
} 

이 프로그램은 결코 두 번째 Axios의 호출에 도달하지 않습니다. gameList 로그는 사용자에게 반환되는 게임에서 가져옵니다. (게임이 로비에 이미 타일이) 클라이언트 2

게임 인스턴스 : createGame() 이후

Answer 1

가 나타납니다 (게임을 만든) 클라이언트 1

게임 인스턴스 일부 비동기 작업을 사용하여 게임을 올바르게 초기화하면 createGame()에서 완료된 게임 객체를 동 기적으로 반환 할 수 없습니다. 이미 살펴본 것처럼 createGame()은 비동기 작업이 완료되기 전에 게임 개체를 반환합니다. 따라서, 당신이해야 할 일은 해결 된 가치가 게임 객체 인 약속을 반환해야하고 모든 비동기 작업을 적절하게 연결하여 게임 객체가 모두 완료되면 주요 약속이 해결되도록해야한다는 것입니다. 위해

someObj.createGame(...).then(game => { 
    // game object is ready to use here 
}).catch(err => { 
    // error creating game object 
});