ノーコードツール「Adalo」でユーザーのログイン状態を判定する簡単な方法を紹介します。
たとえば、ログイン済ユーザーには「ログアウト」ボタンを表示して、逆に未ログインユーザーには「ログイン」ボタンを表示する実装をしたいときに活躍するTipsです。
また、あるボタンを押したときに、ログイン状態によって遷移先のページを分けたいときにも重宝します。
初歩的なスキルですが、Adaloを始めたてだと躓く箇所だと思うので、Adalo初学者の方はぜひ参考にしてみてくださいませ！
また、本メディアを運営する「EPICs株式会社」は、ノーコードを活用したアプリ・システム開発を行っております。大手ノーコードツールであるBubbleからも、公式代理店として認定されています。
従来のスクラッチ開発に比べ、ノーコードツールを活用した開発には以下のメリットがあります。
- 開発期間をおよそ1/3に抑えられる → 検証や新規事業に向いている
- 開発費用をおよそ1/3に抑えられる → 浮いた費用を別の領域に利用できる
- リリース後の改修スピードも早い → PDCAを早く回せる
日本最大級のノーコード開発実績を持つ弊社なら、高度なものもスピーディーに開発することが可能です。ぜひご相談ください。
EPICs株式会社の特徴
- 日本最大級のノーコード開発実績 → 高度な開発もスピーディー
- 複数のノーコードツールに対応 → 最適なツール選びで開発費用・期間を最大限抑えられる
- マーケティングまで支援が可能
ざっくりの課題でも
プロが無料で提案
プロが無料で提案
目次
Adaloのログイン判定実装パターン１
パターン１は、ユーザーのログイン状態によってコンポーネントの表示非表示を切り替えるTipsを紹介します。
冒頭でも述べたように、ログイン済ユーザーには「ログアウト」ボタンを表示して、逆に未ログインユーザーには「ログイン」ボタンを表示する実装です。
結論。コンポーネントのChange Visibilityで設定します！
上記のようにSometimes Visibleで設定します。
- ログイン済みユーザーにのみ表示させたい場合は、
Logged In User > email Is not equal to Emptyを選択します（初期状態でEmptyになっているのでそこはいじらないでOK！） - 未ログインユーザーにのみ表示させたい場合は、
Logged In User > email Is equal to Emptyを選択します
Adaloのログイン判定実装パターン２
パターン２は、アクションの実行をユーザーのログイン状態によって切り分ける方法を紹介します。
結論。Actionの設定のSHOW ADVANCEDからWhen does this happenで設定できます。
- ログイン済みユーザーのときだけアクションを実行したい場合は、
Logged In User > email Is not equal to Emptyを選択します（初期状態でEmptyになっているのでそこはいじらないでOK！） - 未ログインユーザーのときにのみアクションを実行したい場合は、
Logged In User > email Is equal to Emptyを選択します
