デフォルトの認証画面
Last updated
Was this helpful?
Adaloアカウントにログインしていることを確認してください。
ビルダーで新規または既存のアプリを開きます。
左パネルにある「Screens(スクリーン)」リストを確認します。
すべての新しいAdaloアプリには、ユーザーのサインアップ、ログイン、アプリへの入室を管理する4つの組み込み認証スクリーンが付属しています。これらのスクリーンは「Users」コレクションにあらかじめ接続されており、追加の設定なしで開封後すぐにアプリのエントリフローを制御します。
4つのデフォルトスクリーンの名前は以下の通りです。
Welcome — ログインしていないユーザーに表示されます。
Sign Up — 新規ユーザーがアカウントを作成できるようにします。
Login — 既存ユーザーが自分のアカウントにアクセスできるようにします。
Home — ログイン後のユーザーに表示されます。
これらのスクリーンが一体となって、ファーストインプレッション → アカウント作成 → ログイン → 着地体験(ランディング)という完全な認証サイクルを処理します。
Navigation Type(ナビゲーションタイプ)が「Welcome Screen」に設定されているため、新規ユーザーが最初に目にするスクリーンです。以下が含まれています。
アプリのロゴまたはタイトル
簡単な説明文
Login(ログイン)ボタン
Sign Up(サインアップ)ボタン
ウェルカムスクリーンはゲート(関門)として機能します。ログインしていないユーザーはここに移動し、サインアップするかログインするかを選択します。
このスクリーンには「Users」コレクションに接続されたフォームが含まれています。新規ユーザーは以下を入力します。
Email(メールアドレス)
Password(パスワード)
Full Name(フルネーム)
「Submit(送信)」をタップすると、新しいユーザーアカウントが作成され、自動的にHomeスクリーンに送信(遷移)されます。
既存ユーザーはこのスクリーンから戻ってきます。以下を入力します。
Email(メールアドレス)
Password(パスワード)
「Submit(送信)」をタップするとログインが完了し、Homeスクリーンに送信(遷移)されます。
以前アプリにログインしたことがあるユーザー向けのメインスクリーンです。Navigation Typeは「Home Screen」に設定されています。デフォルトでは白紙のキャンバスとなっており、以下を表示するようにカスタマイズできます:
ダッシュボード
リスト
ユーザー固有のデータ
ナビゲーションボタン
ここからアプリのコア体験の構築を開始します。
デフォルトのスクリーンは基本的なスタイリングが使用されています。ブランドに合わせてフォント、色、レイアウトをカスタマイズすることになるでしょう。
Sign Upフォームは、デフォルトでEmail、Password、Full Nameのみを収集します。追加の項目は、Usersコレクションのプロパティに基づいてフォームに追加する必要があります。
「パスワードをお忘れの場合(Forgot Password)」のフローは、Adaloのパスワードリセットアクションを使用してLoginスクリーンに組み込まれています。
この記事に関してさらに質問がある場合は、いつでもコミュニティフォーラムでお尋ねいただけます!投稿の際には、この記事へのリンクを必ず貼り付けてください!
チュートリアルやヘルプドキュメントのリクエストはありますか?ぜひお問い合わせください!
Last updated
Was this helpful?
Was this helpful?