# ユーザー登録、ログイン、認証

*スキルレベル: エキスパート*

## 開始前に

* [AdaloアプリにXanoを接続する](https://help.adalo.com/ja/integrations/xano/connect-xano-to-an-adalo-app)ガイドを完了していることを確認してください。
* Xanoアカウントとワークスペースが設定されていることを確認してください。[このガイド](https://help.adalo.com/ja/integrations/xano/setup-your-xano-workspace)に従って設定してください。
* この機能を使用するには、TeamまたはBusiness Adaloプランが必要です。
* ユーザーのサインアップとログインは、現在、事前に構築されたフォームコンポーネントでは機能しません。サインアップとログインフォームを構築するには、個々の入力とボタンを使用してください。
* パスワードを忘れるアクションは、Xanoにホストされているユーザーには機能しません。

## 動画

{% embed url="<https://www.youtube.com/watch?v=VAwojLwKCQM>" %}

## 手順

#### 1. Adaloアプリで、既存のログインおよびサインアップフォームをクリックします。

これらのフォームが個々のコンポーネントのグループであることに注意してください。Xanoを使用したサインアップとログインは、フォームコンポーネントに組み込まれていないアクションなので、事前に構築されたフォームコンポーネントでは機能しません。したがって、アプリ内のフォームを構築するには、個々の入力、ラベル、およびボタンを使用する必要があります。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-35b0c0373419956fbab4882c7dbed72dac02bb8b%2FScreen%20Shot%202023-01-26%20at%2011.01.29%20AM.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 2. サインアップボタンをダブルクリックして設定を開き、スクロールしてクリックアクションエリアに移動します。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-526a779e8eade1379df31d5c087adbe6abc12056%2FScreen%20Shot%202023-01-26%20at%2011.04.28%20AM.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 3. +アクションを追加し、MoreをホバーしてからUser Loginをホバーし、External Signupを選択します。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-f29899f12df240fbc891f38e868cfe5e4455f638%2FScreen%20Shot%202023-01-26%20at%2011.05.44%20AM.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 4. 画面上で利用可能なEmailとPasswordのマジックテキストからアクション入力を入力します。

これらを消去して、独自のスタイルとラベリングで独自のフォームと入力を作成することもできます。これらは単に始めるための例です。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-00f52f4b2216938718259ef9df4b52baa95584ed%2FScreen%20Shot%202023-01-26%20at%2011.08.22%20AM.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 5. ログインフォームについても同様のことを行うことができますが、今回はExternal Login機能を選択してください。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-d82469ce574beb2473dab62919f2e616e20bda8c%2FScreen%20Shot%202023-01-26%20at%2011.39.22%20AM.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**重要:** 入力コンポーネントを使用してログインまたはサインアップした後、デフォルト値は自動的に空に戻らないため、入力をクリアするには「入力値の変更」を使用する必要があります。
{% endhint %}

{% hint style="info" %}
**注意:** フォームにリンクアクションを追加して、ホーム画面に送信することも忘れないでください。
{% endhint %}

#### 6. ログアウトアクションを使用してログアウトする方法も提供する必要があります。

ログアウトアクションをアプリ内の任意のボタンに配置できますが、サインアップ画面にリンクするようにしてください。

#### 7. Xanoのユーザーコレクションに移動して、パスワード要件を追加または削除できます。

Xanoでパスワード要件を変更するには、パスワードフィールドを選択し、\[設定]をクリックしてからフィールドからフィルターを追加または削除します👇

| Step 1                                                                                                                                                                                                                                        | Step 2                                                                                                                                                                                                                                        | Step 3                                                                                                                                                                                                                                        |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| \[設定]を選択                                                                                                                                                                                                                                      | フィルターを選択または削除                                                                                                                                                                                                                                 | (オプション) パスワード要件をフィルターとして追加します。                                                                                                                                                                                                                |
| ![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-bdbaf1a9f2f6a49691d9a1712841adfdc0db1362%2FScreen%20Shot%202023-02-01%20at%2011.32.16%20AM.png?alt=media) | ![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-6c68c207a15bc501a02a707a7e94631668ec8d6a%2FScreen%20Shot%202023-02-01%20at%2011.33.05%20AM.png?alt=media) | ![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-b2502ca8a572a7061eb16f05ef5255906a6ee02d%2FScreen%20Shot%202023-02-01%20at%2011.35.12%20AM.png?alt=media) |

## 詳細

* Xanoアプリではパスワードを忘れる機能は利用できませんが、[このビデオ](https://docs.xano.com/building-features/password-reset)に従ってXano側でこの機能を構築することができます。
* ユーザーを更新する必要がある場合、デフォルトのXanoエンドポイントを使用している場合は、変更したい1つの値だけでなく、ユーザーのすべての既存の値をアクションで送信する必要があります。[Set Filters](https://www.youtube.com/watch?v=WvOlaXmoq5o\&t=80s)を使用してこの動作を変更できます。
* ログインまたはサインアップにInputコンポーネントを使用した後、デフォルト値は自動的に空に戻らないため、「入力値の変更」を使用する必要があります。

## ヘルプ

すべての統合と同様に、Adaloは統合のAdalo側のサポートしか提供できません。Xanoアカウント、ダッシュボード、または実装に関する支援が必要な場合は、Xanoの[ドキュメント](https://docs.xano.com/)、Xanoの[コミュニティ](https://community.xano.com/)、[Xano University](https://www.youtube.com/nocodebackend)、または[Xanoサポート](https://www.xano.com/contact/)に直接お問い合わせください。

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿にこの記事へのリンクを貼り付けることも忘れずに！また、[Adalo App AcademyのXanoコース](https://appacademy.adalo.com/course/getting-started-with-xano)も参考になるかもしれません！

チュートリアルやヘルプドキュメントのリクエストがありますか？[お知らせください！](https://ideas.adalo.com/tutorial-requests)