本日 Product Hunt に掲載中です! コメントを書く

Authenticator 1.15.2 をリリースしました。 変更点を見る

Webflow の認証アプリを使う

Webflow の二段階認証はどの認証アプリでも使えます。Webflow は Google Authenticator を勧めていますが、ブラウザ上の認証アプリでも同じように使えます。Account settings(アカウント設定)→ Security(セキュリティ)を開き、「Enable two-factor authentication」(二段階認証を有効にする)をクリックして、Authenticator 拡張機能で画面の QR コードをスキャンします。

Webflow アカウントは、ワークスペースのすべてのサイトを開きます。Designer、CMS、フォームの送信内容、ホスティング、カスタムドメイン、その支払いです。あなたのパスワードでログインした人は、公開中のサイトを変更したり、停止させたりできます。2FA をオンにすると、Webflow はログインのたびに認証アプリの 6 桁のコードも求めます。

Webflow で二段階認証を有効にする

  1. パソコンの Chrome で Webflow にログインします。
  2. ナビゲーションバーの Account(アカウント)のドロップダウンをクリックし、「Account settings」(アカウント設定)→「Security」(セキュリティ)を開きます。
  3. 「Enable two-factor authentication」(二段階認証を有効にする)をクリックします。
  4. Webflow に QR コードが表示されます。画面に出したまま下の手順で拡張機能に追加し、拡張機能のコードを入力して確認します。
Webflow 公式の手順

Webflow を Authenticator に追加する

  1. Chrome Web Store から 2FA 認証システム をインストールし、ツールバーに固定して、ワンクリックでアイコンを開けるようにします。
  2. Webflow の QR コードが表示されたページは開いたままにします。Authenticator のアイコンをクリックし、「アカウント追加」→「QRコード」→「画面からQRをスキャン」の順に選びます。
  3. アカウントがリストに追加され、30 秒ごとに変わる 6 桁のコードが表示されます。名前は自由に変更できます。名前は自分用の表示にすぎません。
  4. Webflow に戻り、表示中のコードを確認欄に入力します。期限切れ間近なら、次のコードを待ちましょう。
  5. Webflow で二段階認証が有効になったことが表示されます。以降はログインのたびにコードを求められるので、拡張機能のアイコンをクリックしてコピーしてください。

QR コードがない、またはスキャンできない場合は、Webflow の設定画面でキーを手動入力するオプションを探してキーをコピーし、拡張機能の「アカウント追加」→「手動入力」→「シークレットキー」から追加します。

2FA 認証システム を Chrome に追加(無料)

Webflow の 8 つのバックアップコードを保存する

設定中に Webflow は 8 つのバックアップコードを表示します。表示されるのはこのときだけなので、先に進む前にコピーしてください。それぞれ 1 回だけ、コードの代わりに使えます。新しいセットが必要なら、二段階認証を無効にしてから再び有効にします。コードを使い切ったり、認証アプリと一緒に失くしたりした場合、2FA をオフにできるのは Webflow のカスタマーサポートだけです。

コードが受け付けられない場合

いちばん多いのは QR コードが変わったケースです。ウェブサイトは設定ページを再読み込みしたり開き直したりするたびに新しい QR コードを作るため、先に追加したアカウントは合わなくなります。設定を最初からやり直し、いま画面に出ている QR コードを追加して、そのコードをすぐに入力してください。同じサイトの項目が 2 つある場合は、新しいほうを使います。そのほかの原因:コードが拒否される理由。

キーを手で入力しましたか? キーをTOTP コード生成ツールに貼り付け、表示されるコードを拡張機能のコードと比べます。違っていれば、キーのコピーを間違えています。アカウントを追加し直してください。

よくある質問

スマホなしで Webflow の 2FA を使えますか?
はい。Webflow はスマホの Google Authenticator を勧めていますが、確認するのはコードだけで、標準的な認証アプリならどれでもそれを生成できます。Authenticator 拡張機能は Webflow の設定画面から QR コードを直接読み取り、Chrome でコードを生成します。
Webflow の 2FA をオフにするには?
Account settings → Security で「Want to disable it?」(無効にしますか?)をクリックし、認証アプリの現在のコードを入力して確認します。あとで再びオンにすると、新しい QR コードと新しいバックアップコードのセットが発行されます。
認証アプリを失くしたら?
バックアップコードのひとつでログインし、2FA を無効にしてから設定し直します。バックアップコードが残っていない場合は、Webflow のカスタマーサポートに問い合わせてください。二段階認証をオフにしてもらえます。
Webflow でコードが間違っていると表示されるのはなぜ?
多くの場合、QR コードが変わっています。設定を開き直すと Webflow は新しい QR コードを作るため、先に追加したアカウントは合わなくなります。いま画面に出ている QR コードを追加し、そのコードをすぐに入力してください。Webflow の項目が 2 つある場合は、いちばん新しいものを使います。

ログイン画面から、ワンクリックでコードを

Authenticator は 2FA コードをブラウザ内、お使いのデバイスだけに保存します。利用無料・オープンソースで、アカウント登録もスマホも不要。ローカルバックアップと、任意で使えるパスワード保護も標準搭載です。

2FA 認証システム を Chrome に追加(無料)