ページ上でユーザーが行う操作(たとえば「コメントを投稿する」)は、ログインフローを使って条件付けできます。AMP ページにログインフローを実装するには、amp-access コンポーネントと amp-form コンポーネントを組み合わせて使用します。

コメント欄の例では、amp-accessamp-form を組み合わせて、ユーザーがログインしているときのみ有効になるコメント欄を作成しています。このサンプルの仕組みを理解するため、ユーザーがページ上で行う操作を順番に見ていきましょう。

  1. ログイン
  2. コメントを追加する
  3. ログアウト
  4. 概要