Name:
interface
Value:
Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle.
Gen1 DocsLegacy

Page updated Mar 26, 2026

サインアウト

Amplifyは、Amplify Authなどのバックエンドリソースと対話するためのクライアントライブラリを提供します。

ユーザーをアプリケーションからサインアウトするには、signOut APIを使用します。

import { signOut } from 'aws-amplify/auth';
await signOut();

すべてのデバイスからユーザーをサインアウトするグローバルサインアウトを実行することもできます。これは、ユーザーに発行されたすべてのリフレッシュトークンも無効にします。ユーザーの現在のアクセストークンとIDトークンは、リフレッシュトークンの有効期限が切れるまで他のデバイスで有効なままです(アクセストークンとIDトークンは発行後1時間で期限切れになります)。

import { signOut } from 'aws-amplify/auth';
await signOut({ global: true });

実践例

src/App.tsx
import { Amplify } from "aws-amplify"
import { signOut } from "aws-amplify/auth"
import outputs from "../amplify_outputs.json"
Amplify.configure(outputs)
export default function App() {
async function handleSignOut() {
await signOut()
}
return (
<button type="button" onClick={handleSignOut}>
Sign out
</button>
)
}