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

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

Lovable の認証アプリを使う

Lovable の二段階認証はどの認証アプリでも使えます。Lovable は Google Authenticator、Microsoft Authenticator、Authy、1Password を挙げていますが、ブラウザ上の認証アプリでも同じように使えます。Account settings(アカウント設定)→ Security(セキュリティ)で二段階認証をオンにし、「Authenticator app (recommended)」(認証アプリ(推奨))を選んで、画面から Authenticator 拡張機能にアカウントを追加します。

Lovable アカウントには、そこで作ったすべてのアプリがあります。コード、接続したプロジェクト、そこに入れたキー、クレジット、支払い情報です。あなたのパスワードでログインした人は、そのすべてを読んだり、変更したり、公開したりできます。2FA をオンにすると、パスワード、Google、GitHub、Apple、SSO のどれでログインしても、Lovable は認証アプリの 6 桁のコードも求めます。

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

2FA はワークスペースではなくアカウントに属します。一度設定すれば、参加しているすべてのワークスペースで有効です。ログインしてから数分以上たっている場合、2FA を変更する前に Lovable から再ログインを求められることがあります。

  1. パソコンの Chrome で lovable.dev にログインします。
  2. 「Account settings」(アカウント設定)→「Security」(セキュリティ)を開きます。
  3. 「Two-factor authentication」(二段階認証)をオンにし、「Authenticator app (recommended)」(認証アプリ(推奨))を選びます。
  4. 画面の指示に従います。Lovable に QR コードが表示されたら、画面に出したまま下の手順で拡張機能に追加します。
  5. 拡張機能のコードを入力し、「Verify & Enable」(確認して有効にする)をクリックします。認証アプリが 2FA の方法の一覧に表示されます。
Lovable 公式の手順

Lovable を Authenticator に追加する

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

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

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

Lovable にはバックアップコードがない:2 つ目の方法を追加する

Lovable はバックアップコードやリカバリーコードを提供していないと明言しています。2FA を通過する手段は、登録した方法だけです。そのため Lovable は、少なくとも 2 つの方法を登録しておくことを勧めています。Account settings → Security → Two-factor authentication で SMS も追加し、QR コードが画面に出ている間にスマホの認証アプリでもスキャンしておきましょう。拡張機能の自動バックアップもオンにしておきます。

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

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

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

よくある質問

スマホなしで Lovable の 2FA を使えますか?
はい。Lovable は Google Authenticator や Authy などのスマホアプリを挙げていますが、確認するのは 6 桁のコードだけで、標準的な認証アプリならどれでもそれを生成できます。Authenticator 拡張機能は Lovable の設定画面から QR コードを読み取り、Chrome でコードを生成します。
認証アプリを使えなくなったら?
まず、登録しているほかの方法を使います。何も残っていない場合は、アカウントが自分のものである証拠(アカウントのメールアドレス、最近のプロジェクト ID、支払い情報)を添えて Lovable サポートに問い合わせてください。
Lovable のワークスペースで 2FA を必須にできますか?
はい、Enterprise のワークスペースで可能です。「Require two-factor authentication」(二段階認証を必須にする)をオンにすると、ワークスペースを開く全員(外部のコラボレーターも含む)がまず「Set up two-factor authentication」(二段階認証の設定)に案内され、登録するまでワークスペースを使えません。一度登録すれば、参加しているすべてのワークスペースで有効です。
Lovable には Google や GitHub でログインしています。それでも 2FA は適用されますか?
はい。Lovable の 2FA は、メールアドレスとパスワードでも、Google、GitHub、Apple、SSO でも同じように働きます。どの方法でログインしても、そのあとにコードを求められます。

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

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

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