ログインと登録の管理

​

ログインページについて

• Login page: アプリの訪問者がサインインする場所。
• Register page: 新しい訪問者がアカウントを作成する場所。
• Forgot password page: 訪問者がパスワードリセットメールをリクエストできる場所。
• Reset password page: 訪問者がリセットをリクエストした後に新しいパスワードを設定する場所。

​

ログインページの編集

1. アプリエディタを開きます。
2. (オプション) エディタ上部のページドロップダウンをクリックして、編集したいページを選択します (例えば、Login)。
3. リクエストをチャットに入力します。例えば:

ログインページに私のロゴを追加して、背景色を濃い青に変更して。

​

サインイン方法の選択

1. アプリエディタで Dashboard をクリックします。
2. Settings をクリックします。
3. Authentication をクリックします。
4. 追加したいプロバイダーのトグルを有効にします。
5. プロバイダーの下にある Add to pages をクリックします。
6. AI がプロバイダーのサインインボタンをログインと登録ページに追加します。

​

パスワードリセットページについて

​

既存のアプリのカスタムログイン

1. アプリエディタで Dashboard をクリックします。
2. Overview をクリックします。
3. App visibility ドロップダウンをクリックして Public を選択します。
4. モーダルの詳細をレビューして Enable custom auth をクリックします。
5. Base44 は、ページをアプリのルートに接続し、AI チャットに送信するための配線プロンプトを自動的に AI チャットに書き込みます。
   

6. カスタムログインページがライブになるよう、アプリを公開します。

​

Google ログインのカスタマイズ

• Default Google login: Base44 の認証情報を使用した高速セットアップ。ログインウィンドウには「Sign in with Google」と表示され、base44.com でブランド化されます。この方法を使用するには、Google authentication トグルを有効にし、Use the default Base44 OAuth を選択します。

• Custom Google OAuth: 独自の Google Cloud クライアント ID とシークレットを Authentication パネルに接続します。Google でサインインするときに、人々は「base44.com」ではなくアプリのドメインを見ます。これは、完全にブランド化された体験を必要とするビジネスや、エンタープライズ要件を満たす必要があるビジネスに理想的です。

1. アプリに カスタムドメインを接続 します。
2. Google Cloud Console に移動して、アプリ用の新しいプロジェクトを作成します。
3. ドメインを こちら で確認します。
4. 次の情報を入力して OAuth アプリをセットアップします:
   1. Overview: アプリ情報を入力します。
   2. Branding: アプリのブランディングをセットアップします (ブランディングについて詳しく学ぶ):
      1. ロゴを追加します。これはアプリのロゴと似ている必要があります。
      2. これらのガイドライン に従って、アプリにホームページを作成します。
      3. これらのガイドライン に従って、ホームページからリンクされたプライバシーポリシーを作成します。
      4. アプリにサポートページを追加します。
      5. ドメインを承認済みドメインとして追加します。

      

   3. Audience: アプリが内部または外部用途かを選択します。
   4. Clients: クライアント ID とシークレットを取得します:
      1. Create client をクリックします。
      2. 次の詳細を入力します:
         • Authorized JavaScript origins: アプリのドメインを入力します。
         • Authorized redirect URIs: https://app.base44.com/api/apps/auth/callback を入力します。
      3. Create をクリックします。

      

   5. Data Access: 次のスコープを選択します:
      • openid
      • https://www.googleapis.com/auth/userinfo.email

5. Base44 に戻り、カスタムログインのセットアップを完了します:
   1. アプリエディタで Dashboard をクリックします。
   2. Settings をクリックします。
   3. Authentication をクリックします。
   4. Google authentication トグルを有効にします。
   5. Use a custom OAuth from Google Console を選択します。
   6. Google OAuth アプリからの関連情報を入力して Update をクリックします。

​

サインアップデータ収集

• Users データセット: データを安全に保存し、アプリ管理者のみが表示できます。これは機密または管理者専用の詳細に理想的です。
• 接続されたデータセット: ユーザーの応答を別の公開向けデータセットに保存します。これは、会社名などのアプリで表示または共有されるデータに推奨されます。

​

Base44 の組み込みログイン

​

サインイン方法の選択

1. アプリエディタで Dashboard をクリックします。
2. Settings をクリックします。
3. Authentication をクリックします。
4. 該当する認証オプションの横のトグルを有効にします:
   • Email and password: 人々がメールアドレスと安全なパスワードでアカウントを作成できるようにします。
   • Google: 人々が Google アカウントの認証情報を使用してログインできるようにします。
   • Microsoft: 人々が Microsoft の認証情報を使用してログインできるようにします。
   • Facebook: 人々が Facebook の認証情報を使用してログインできるようにします。
   • Apple: 人々が Apple アカウントを使用してログインできるようにします。
   • Single sign-on (SSO): Okta や会社の ID プロバイダーなど、OIDC をサポートする外部 ID プロバイダーを接続し、そのプロバイダーの認証情報を使用して人々がログインできるようにします。

​

FAQ

ユーザーが確認またはパスワードリセットメールを受け取らなかったのはなぜですか?

人々が確認やパスワードリセットメールを受け取らない場合は、次のチェックから始めてください:

• メールがフィルタリングされた場合に備えて、スパムや迷惑メールフォルダを確認するように依頼してください。
• 一部のメールプロバイダーがメッセージを配信するのに数分かかる場合があることを伝えてください。
• 今後のメールがブロックされないよう、app@base44.com を安全な送信者または許可リストに追加するように依頼してください。
• サインアップ中に、メールアドレスを小文字で入力し、誤字をチェックするよう促します。

まだメールを受け取らない場合は、アプリから再送信リンクをクリックするように依頼してください。それが機能しない場合は、ダッシュボードの Users リストから彼らのレコードを削除して、同じメールアドレスで再度サインアップするように依頼してください。複数の人々が同時に同じ問題を報告している場合、または再送信と再サインアップで解決しない場合は、配信またはプラットフォームの問題を確認できるよう、アプリの URL と影響を受けるメールアドレスを Base44 サポートに連絡してください。アプリにカスタムログインページがあり、パスワードリセットリンクが空白ページまたはエラーにつながる場合は、パスワードリセットページがちょうど /reset-password のパスにあることを確認してください。メール内のリンクはそのパスにハードコードされています。

人々が Facebook でログインしようとするとエラーが表示されるのはなぜですか?

これは通常、その人の Facebook アカウントが完全に確認されていない場合に発生します。Facebook は、アカウントの ID とメールが確認されるまでログインをブロックすることがあります。彼らに以下を依頼してください:

1. Facebook を開いて Settings and privacy に移動します。
2. Accounts Center に移動します。
3. Verification に移動して Identity confirmation に移動します。
4. ID 確認手順を完了します。

Facebook の確認フローを完了した後、Facebook で再度アプリにログインを試みることができます。Facebook がこの要件を制御するので、Base44 ではなく、アプリの設定からバイパスすることはできません。

公開ランディングページを表示するが、他のページではログインを要求するには?

これはカスタムログインページで行えます。アプリにカスタムログインページがある場合、公開ランディングページがあり、他のページは訪問者がログインしているかどうかをチェックします。AI に特定のページを保護するように依頼すると、ログインしていない訪問者はログインページにリダイレクトされます。例えば:

ランディングページ以外のすべてのページでログインを要求してください。ログインしていない訪問者を Login ページにリダイレクトしてください。

パスワードはどう管理され、誰かがパスワードを忘れた場合はどうなりますか?

Base44 はすべてのパスワードを舞台裏で自動的に安全に処理します。誰かがパスワードを忘れた場合、ログインページから Forgot password? をクリックしてリセットできます。これにより、/forgot-password ページに送られ、リセットメールは /reset-password ページにリンクします。

ユーザー用のログアウトオプションを追加できますか?

はい。ログアウトオプションを追加することで、安全性が保たれ、人々に安心感を与えられます。チャットにプロンプトを出して Logout button を含めて、サイドバーやアプリヘッダーのどこにでも、デザインに最適な場所に配置できます。

Base44 は Kakao などの外部認証プロバイダーをサポートしていますか?

はい。Base44 は、Kakao などのプロバイダーを含む、OpenID Connect (OIDC) を使用する外部認証プロバイダーをサポートしています。Elite プランをご利用の場合、Single sign-on (SSO) と Advanced / Manual configuration オプションを使用して、Google、Microsoft、GitHub、Okta、Kakao などの外部プロバイダーを接続できます。ID プロバイダーで独自のアカウントを持つ必要があり、そのプロバイダーでアプリ、クライアント ID、クライアントシークレット、リダイレクト URI、その他の認証情報を作成および管理する責任があります。段階的な手順については、Base44 での SSO のセットアップ ガイドを参照してください。

Base44 SDK で User.login() を使用するとエラーが発生するのはなぜですか? 代わりに何を使用すべきですか?

Base44 SDK は User.login() をサポートしていないので、コードで使用しようとするとエラーが表示されます。カスタムログインページなしのアプリでログインを処理するには、常に base44.auth.redirectToLogin(nextUrl) を使用してください。このメソッドは、ユーザーをログインページに送信し、サインイン後にサイトに戻します。認証に問題がある場合は、アプリでこの正しいメソッドを使用しているか確認してください。間違い (エラーが発生します):

User.login(nextUrl);

正しい:

base44.auth.redirectToLogin(nextUrl);

ヒント: 「TypeError: User.login is not a function」のようなエラーが表示される場合は、インポートを確認して、base44.auth.redirectToLogin を使用していることを確認してください。

アプリのサインアップフォームをプレビューできますか?

はい。カスタムログインページはアプリのコードベースの通常のページなので、プレビューウィンドウで開いて表示できます。完全なサインアップとログインフローをテストするには、アプリを公開してブラウザでライブ URL を開きます。有効なメールアドレスでフローを完了して、訪問者と同じ体験を見ます。

ユーザーが 'invalid login' エラーを受け取るのはなぜですか?

最も一般的な原因は、アプリが Private に設定されていることです。プライベートアプリでは、メールで明示的に招待されたユーザーのみがログインできます。他の誰もが、有効な認証情報を入力しても無効なログインエラーを受け取ります。アプリの可視性を確認して更新するには:

1. アプリエディタで Dashboard をクリックします。
2. Overview をクリックします。
3. App Visibility で、現在の設定を確認します。
   • Private に設定されている場合は、ユーザーが招待されたことを確認してください。Users に移動して、Invite User をクリックして追加します。
   • 誰でもサインアップしてログインできるようにしたい場合は、可視性を Public に変更します。

その他の考えられる原因:

• ユーザーが誤ったメールやパスワードを入力した。
• ユーザーがサインアップ後にメールアドレスを確認していない。
• ログインセッションが期限切れになった。ユーザーに再度ログインを試みるように依頼してください。