Amazon Cognito ログイン確認用デモ（v5 UMD + /messages）

Vue 3 + Amplify v5 UMD で、新規登録 / メール認証 / ログイン / ログアウト / JWT 表示 / GET /messages を行う1ファイルHTMLです。

USER_POOL_ID
{{ config.userPoolId }}
CLIENT_ID
{{ config.userPoolWebClientId }}
Region
{{ config.region }}
UMD global debug
{{ pretty(globalDebug) }}
Amplify UMD の初期化に失敗しました
グローバル公開名が期待と異なる可能性があります。下の debug を確認してください。
{{ messageTitle }}
{{ message }}

JWT / セッション情報

Auth.currentSession() から取得した ID Token / Access Token を表示し、/messages 呼び出し結果も表示します。

Session 概要

{{ pretty(sessionMeta) }}

ID Token

{{ tokens.idToken || '（未取得）' }}

Access Token

{{ tokens.accessToken || '（未取得）' }}

ID Token Payload

{{ pretty(tokenPayloads.idToken) }}

Access Token Payload

{{ pretty(tokenPayloads.accessToken) }}

GET /messages 応答

Authorization ヘッダに Bearer <JWT> を付けて https://develop-api-inquirysystem.aws.nishide-office.com/messages に GET します。

HTTP Status
{{ apiResult.status || '（未実行）' }}
Response Headers
{{ pretty(apiResult.headers) }}
Response Body
{{ formatApiBody(apiResult.body) }}