# XanoをAdaloアプリに接続する

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

## 開始前の準備

* Xanoのアカウントとワークスペースが設定されている必要があります。[このガイド](https://help.adalo.com/ja/integrations/xano/setup-your-xano-workspace)に従って設定してください。
* Xanoのユーザーコレクションに少なくとも1つのユーザーレコードがある必要があります。
* この機能を使用するには、TeamまたはBusinessのAdaloプランが必要です。
* この統合を試みる前に、Adaloの[データベース](https://help.adalo.com/ja/database)、[アクション](https://help.adalo.com/ja/action-basics)、および[コンポーネント](https://help.adalo.com/ja/component-basics/design-basics)の動作について優れた知識を持っていることが強く推奨されます。
* Xanoは新しいアプリに対してのみこの方法で統合できます。

## 動画

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

## 手順

#### 1. Xanoの新しいワークスペースで、左メニューのAPIタブをクリックします。

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

#### 2. デフォルトのAPIグループをクリックして、そのエンドポイントと設定を開きます。

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

#### 3. 右上隅でAPIベースURLをコピーするためにクリックします。

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

{% hint style="info" %}
Auth/meエンドポイントの認証が必要に設定されていることを確認してください。
{% endhint %}

#### 4. Adaloで新しいネイティブアプリまたはWebアプリを作成し、次にクリックします。

Adaloを使用するのが初めての場合は、アカウントを作成するとすぐに表示されます。すでに作成したアプリがある場合は、Adaloビルダーの上部中央にあるアプリ切り替えをクリックし、アプリを作成します。レスポンシブWebアプリを作成するか、モバイルレガシーアプリを作成することもできます。

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

#### 5. ポップアップの左下にある「詳細設定」をクリックします。

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

#### 6. 「Xanoデータベースと認証を使用」オプションを選択し、次にクリックします。

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

#### 7. 表示されるポップアップで「開始」を選択し、このガイドのステップ3でコピーしたAPIベースURLを貼り付けて「テスト実行」をクリックします。

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

#### 8. AdaloはXanoにアクセスし、Xanoのユーザーおよび認証エンドポイントおよびテーブルを取得してユーザーのサインアップとログインを行うことができます。プルが完了したら、次に進んでください。

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

Adaloがサポートするユーザーコレクションのエンドポイントは以下の通りです：

* ```
  ```

```json
/user/id -> POST/PATCH/PUT (edit) DELETE, GET (get by id)
/user -> POST (create) GET (get all)
```

{% hint style="warning" %}
Xanoのユーザーコレクションに少なくとも1つのユーザーレコードが必要です。そうでない場合、ビルダーがクラッシュする可能性があります。
{% endhint %}

#### 9. Adaloは今、Xanoデータベース内の他のすべてのテーブルにアクセスし、インポートするテーブルを選択できるようにします。インポートするテーブルをチェックし、次に「Finish」をクリックします。

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

#### 10. 祝福画面で「Done」をクリックします。次に、Adaloビルダーの左メニューで「Database」タブをクリックして、Xanoコレクション（テーブル）をAdaloコレクションと同様に表示できます。

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

#### 11. Adaloとのユーザーテーブルの再同期。

ユーザーコレクションでプロパティを追加、変更、または削除した場合、このガイドで説明されているプロセスを繰り返すことで、Adaloとユーザーテーブルを再同期できます。

## 詳細

* アプリがユーザー認証システムを必要としない場合でも、Adaloアプリ内のユーザーコレクションを削除することはできません。

## ヘルプ

すべての統合と同様に、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)

```
```