Alexa Web API for Gamesスキルをデバッグするための4つの方法

const mockData = require('./mockStartupData.json');
...
// 1.ゲームループを開始し、Alexa以外のローカルエクスペリエンスに関するセットアップを行う
initgame();

// 2.Alexaクライアントを初期化する
Alexa.create({version: '1.0'})
    .then((args) => {
        const {
            alexa,
            message
        } = args;
        alexaClient = alexa;
        alexaLoaded = true;
        ...
        //3.Alexa起動データペイロードの必要なデータを使用して、ゲームを初期化する
        setupGame(message);
        //4.Alexaコールバック（speech.onStartedやskill.onMessageなど）を初期化する
        ...
    })
    .catch(error => {
        console.log(JSON.stringify(error));
        ...
        alexaClient = null;
        //5.上記と同様（ただし、ここではモックデータを渡す）
        setupGame(mockData);
    });

http-server . -p 8080 -o /dist/ -c-1

http://127.0.0.1:8080/dist/

<div class="hud scrollable" id="debugInfo">Debug</div>

.scrollable {
     overflow-y:auto;
}
.hud {
    position: absolute;
    z-index: 100;
    display:block;
}

#debugInfo {
    width: 100%;
    background-color: rgba(0,0,0,0.05);
    top: 0%;
    text-align: left;
    white-space: pre-wrap;
}

var debugElement = document.getElementById("debugInfo");

debugElement.appendChild(document.createTextNode("\n" + JSON.stringify(errMessage)));

/**
 * ローカルにメッセージを出力し、Alexaが初期化されていれば、Lambdaにメッセージをプッシュしてログを残す
 * @param {*} messageStr
 */
function cloudLog(payload) {
    console.log(payload);
    if(alexaLoaded) {
        alexaClient.skill.sendMessage({
            intent: "log",
            log: payload
        });
    }
}

console.log("これはログです");

cloudLog("メッセージ");

/**
 * ウェブアプリから送信されたメッセージをログ出力するシンプルなハンドラー
 */
const WebAppCloudLogger = {
    canHandle(handlerInput) {
        return Alexa.getRequestType(handlerInput.requestEnvelope) === "Alexa.Presentation.HTML.Message"
            && getMessageIntent(handlerInput.requestEnvelope) === 'log';
    },
    handle(handlerInput) {
        const messageToLog = handlerInput.requestEnvelope.request.message.log;
        console.log(messageToLog);
        return handlerInput.responseBuilder
            .getResponse();
    }
}

function getMessageIntent(requestEnvelope) {
    const requestMessage = requestEnvelope.request.message;
    if(requestMessage) {
        if(requestMessage.intent) {
            return requestMessage.intent;
        }
    }
    return null; // それ以外の場合は、メッセージ本文にインテントが存在しない
}

init(alexa) {
    alexaClient = alexa;
}

Alexa.create({version: '1.0'})
    .then((args) => {
        const {
            alexa,
            message
        } = args;
        alexaClient = alexa;
        ...
        //messageSenderクラスを初期化する
        messageSender.init(alexaClient);
        ...
  });

const MESSAGE_CADENCE_MS= 500; //メッセージを送信する間隔
update(deltaTime) {
   if(currentTime >= MESSAGE_CADENCE_MS) {
        //タイムトラッカーをリセットする
        currentTime = currentTime - MESSAGE_CADENCE_MS;
        //メッセージキューをクリアする
        this.flushMessageQueue(messageQueue);
        messageQueue=[]; //メッセージキューをクリアする
    } else {
        currentTime += deltaTime;
    }
},

flushMessageQueue(queue) {
   if(queue.length <= 0) {
        return Promise.resolve("キューにメッセージがありません。");
    }
    const messagePromise = new Promise((resolve, reject) => {
        alexaClient.skill.sendMessage({
            intent:"log",
            messageQueue:queue
        },
        function(messageSendResponse) {
            console.log(messageSendResponse.statusCode);
            switch(messageSendResponse.statusCode) {
                case 500:
                case 429:
                    //TODO：messageSendResponse.rateLimit.timeUntilResetMsとtimeUntilNextRequestMsを確認する
                    //このエラーが発生した場合、500とは切り分けて、これらのフィールドを使用してすみやかに再試行する
                    console.error(messageSendResponse.reason);
                    reject(messageSendResponse.reason);
                    break;
                case 200:
                default:
                    resolve("Alexaスキルが正常に呼び出されました。");
            }
        });
    });
    return messagePromise;
}

warn(payload) {
   //ローカルに出力する
    console.log(payload);
    //キューの最後に新しいログをプッシュする
    this.pushMessage(payload, "warn");
},
pushMessage(payload, level) {
    messageQueue.push({
        level: level,
        log: payload
    });
}

handle(handlerInput) {
   const {
        messageQueue
    } = handlerInput.requestEnvelope.request.message;
    messageQueue.forEach(message => {
        const {
            level,
            log
        } = message;
        switch (level) {
            case "error":
                console.error(log);
                break;
            case "warn":
                console.warn(log);
                break;
            case "info":
                console.log(log);
                break;
        }
    });

    return handlerInput.responseBuilder
        .getResponse();
}