Logout
ログアウトボタンも、ログインボタンと同じように amp-access コンポーネントの状態に応じて表示が切り替わります。
<button amp-access="loggedIn" amp-access-hide tabindex="0" on="tap:amp-access.login-sign-out" class="button-primary comment-button">Logout</button>
Logout ボタンをクリックすると、amp-access JSON 構成の login オブジェクトの一部として指定した URL にリダイレクトされます。
{ "login": { "sign-in": "https://ampbyexample.com/samples_templates/comment_section/login?rid=READER_ID&url=CANONICAL_URL", "sign-out": "https://ampbyexample.com/samples_templates/comment_section/logout" } }
ログインの場合と同様に、AMPByExample サーバーはログアウト リクエストを受け取ると、AMP ライブラリによって自動的に追加されるリターン URL クエリ パラメータを使用し、#success=true を追加してリダイレクトします。この時点で初期ページに戻り、ログインページで作成した AMPByExample Cookie（ABE_LOGGED_IN）は削除されます。