JavaScript

ユーザーの認証

ユーザーが会話に参加するには認証が必要です。この認証は、Conversation IDと前のステップで生成したJWTを使って行います。

の先頭で以下の変数を宣言する。 chat.js ファイルを作成し ALICE_JWT, BOB_JWT そして CONVERSATION_ID 自分の価値観で：

const ALICE_JWT = '';
const BOB_JWT = '';
const CONVERSATION_ID = '';

ここで、アプリケーションの他の要素への参照を取得し、使用されるいくつかの変数を初期化する。

const aliceLoginBtn = document.getElementById("alice-login");
const bobLoginBtn = document.getElementById("bob-login");

const messageTextarea = document.getElementById("message-textarea");
const messageFeed = document.getElementById("message-feed");
const sendButton = document.getElementById("send");

let userToken;
let myMember;

また、アリスとボブのログインボタンにイベントリスナーを追加する必要があります。 userToken は、選択されたユーザーのJWTで設定されます。選択されたユーザーの userToken で使用される。 run 関数である。その run 関数はまだ何もしませんが、この時点で、アプリケーションの構築を開始するための有効なユーザーJWTを手に入れたことになります。

aliceLoginBtn.addEventListener("click", () => {
    userToken = ALICE_JWT;
    run();
});
  
bobLoginBtn.addEventListener("click", () => {
    userToken = BOB_JWT;
    run();
});