ログインと登録の管理

​

ログインページについて

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

​

ログインページの編集

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

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

​

サインイン方法の選択

1. アプリエディタで Dashboard をクリックします。
2. Settings をクリックします。
3. Authentication をクリックします。
4. 追加したいプロバイダーのトグルをオンにします。
5. プロバイダーのカードで Send to chat をクリックします。AI がプロバイダーのサインインボタンをログインと登録ページに追加します。

​

メールでのサインアップの確認

• 登録フォームを送信すると、Base44 から送信されたコードの入力がアプリで求められます。
• コードの有効期間は 10 分です。コードを入力すると、アプリにサインインできます。
• 誤ったコードを 5 回入力した場合やコードの有効期限が切れた場合は、確認画面から新しいコードを依頼できます。同じメールアドレスで再度サインアップすることもできます。
• 確認が完了するまで、パスワードでログインできません。

​

招待からのサインアップ

​

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

​

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

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

   

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

​

サインアップデータ収集

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

​

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 をクリックします。

​

Apple ログインのセットアップ

​

Apple ログインの使用

1. アプリエディタで Dashboard をクリックします。
2. Settings をクリックします。
3. Authentication をクリックします。
4. Apple authentication をオンまたはオフにします。
5. アプリにカスタムログインページがあり、Apple をオンにした場合は、Apple authentication カードで Send to chat をクリックします。AI がログインページと登録ページに Apple でサインインするボタンを追加します。
6. アプリを公開します。

​

iOS アプリの提出

​

モバイルでのログイン

​

モバイルログインのセットアップ

​

モバイルログインの修正

​

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

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

まず、確認コードが届かない場合と同じ点を確認してください。スパムフォルダや安全な送信者リストなどです。これらは メールでのサインアップの確認 に記載されています。その後、パスワードを忘れたページから新しいリセットメールを依頼するよう伝えてください。アプリにカスタムログインページがあり、パスワードリセットリンクが空白ページまたはエラーにつながる場合は、パスワードリセットページがちょうど /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 ページにリンクします。

ワンタイムコードやマジックリンクでアプリにサインインできますか?

いいえ。アプリのサインインオプションは、メールとパスワード、Google、Microsoft、Facebook、Apple、SSO です。Base44 がメールで送信する 6 桁のコードは、サインアップ時にメールアドレスを確認するためだけのものです。ログインの方法ではありません。パスワードなしでサインインできるようにするには、サインイン方法 でソーシャルログインプロバイダーのいずれかをオンにしてください。

アプリユーザーの 2 要素認証をオンにできますか?

現在はできません。Base44 は、アプリを使う人のサインインに 2 つ目の手順を追加しません。2 段階認証が必要な場合は、Google、Microsoft、Apple、または SSO ログイン を提供してください。これらの方法でサインインする人は、プロバイダー独自の 2 段階認証を使用します。

サインアップを会社のメールドメインに限定できますか?

サインアップを 1 つのメールドメインに限定する設定はありません。アクセスできる人を管理するには、アプリの公開範囲を設定 してください。Private にして必要な人を招待するか、Workspace にしてワークスペースのメンバーのみが開けるようにします。プライベートアプリは有料プランで利用できます。会社に独自の ID プロバイダーがある場合は、SSO をセットアップ して、仕事用のアカウントでサインインできるようにすることもできます。

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

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

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

はい。Base44 は、Kakao などのプロバイダーを含む、OpenID Connect (OIDC) を使用する外部認証プロバイダーをサポートしています。Enterprise プラン (Business または Enterprise) をご利用の場合、Single sign-on (SSO) と Advanced / Manual configuration オプションを使用して、Google、Microsoft、GitHub、Okta、Kakao などの外部プロバイダーを接続できます。2026 年 10 月 1 日より前に作成されたワークスペースでは、Elite プランでもこれを利用できます。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 に変更します。

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

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