SupabaseとAdaloの連携:ステップバイステップガイド

SupabaseとAdaloの連携:ステップバイステップガイド

AdaloのノーコードアプリビルダーとSupabaseの強力なバックエンドを組み合わせたいですか?Adaloはデータベース駆動のウェブアプリとネイティブのiOS・Androidアプリのためのノーコードアプリビルダーです——3つすべてのプラットフォームで1つのバージョン、Apple App StoreとGoogle Playに公開できます。このガイドでは、2つのプラットフォームを接続し、複雑なデータを管理してアプリを効率的にスケールする方法を正確に説明します。

  • Adaloの要件:External Collectionsを使用するには、Professional、Team、またはBusinessプラン(月々52ドルから)が必要です。
  • Supabaseの設定:数値プライマリキー(UUIDではない)でデータベースを作成し、Row Level Security(RLS)を有効にして、APIアクセスを設定します。
  • 連携手順:SupabaseのREST APIとAdaloのExternal Collections機能を使用して、アプリ内のデータを直接取得、更新、管理します。
  • 認証:Supabaseはメールベースのユーザー認証を組み込みで提供しており、AdaloのExternal Users Database機能と統合できます。

このステップバイステップガイドでは、APIの設定から認証のテストまで、2つのプラットフォーム間のスムーズな接続を確保するためのすべてをカバーします。アプリをデータ駆動型にする準備ができましたか?始めましょう。

Supabase-Adalo完全連携セットアッププロセス

Supabase-Adalo完全連携セットアッププロセス

Adalo x Supabase 連携 パート1

開始前の準備

SupabaseをAdaloと接続するには、両方のプラットフォームのアカウントといくつかの重要な情報が必要です。まず、この連携に必要なExternal Collections機能はFreeまたはStarterプランでは利用できないため、Adalo Professional、Team、またはBusinessプランに加入していることを確認してください。Professionalプランは月々36ドルで、アクション、ユーザー、レコード、ストレージに上限のない無制限の使用が含まれます。

Supabase側では、少なくとも1つのデータベーステーブルが設定されたプロジェクトが必要です。2つの重要な情報が不可欠です:プロジェクトURLとservice_roleキーは、どちらもSupabaseダッシュボードからアクセスできます。これらの認証情報は接続の認証とデータベースアクセスの管理に不可欠です。

APIキーはデータベースへの広範なアクセスを許可し、セキュリティ上の理由から一度しか表示されない場合があるため、セキュアなパスワードマネージャーにすぐに保存してください。これらの準備が整えば、Supabaseアカウントの設定に進めます。

Supabaseアカウントの設定

まずSupabaseのウェブサイトにアクセスして無料アカウントを作成します。ログイン後、組織を作成し、その組織内に新しいプロジェクトを作成します。このプロジェクトがデータベーステーブルと認証設定のハブとして機能します。

プロジェクトが初期化されたら(通常2分以内)、左サイドバーのSettingsセクションに移動してAPIを選択します。ここでプロジェクトURLとservice_roleキーが見つかります——AdaloのExternal Collectionsセットアップで使用するためにどちらもコピーしてください。

Supabaseを離れる前に、数値プライマリキーを持つデータベーステーブルを作成してテストレコードを追加します。AdaloのAPIコネクターはフィールドタイプを検出するために実際のデータに依存するため、空のテーブルはセットアップ中に正しくマッピングされません。AdaloはSupabaseのデフォルトであるUUIDベースのIDをサポートしていないことに注意してください。互換性を確保するために、int8やbigintなどの数値プライマリキーでテーブルを設定してください。

Adaloアカウントの設定

AdaloのAIビルダーであるAdaは、あなたが望むものを説明するだけでアプリを生成します。Magic Startは説明文から完全なアプリの基盤を作成し、Magic Addは自然言語で機能を追加します。

アカウントをまだお持ちでない場合は、adalo.comでサインアップして新しいアプリプロジェクトを作成します。Magic StartによるAIビルダーを使用して簡単な説明から完全なアプリの基盤を生成するか、ゼロから始めることができます——どちらのオプションもこの連携に対応しています。Magic Startはデータベース構造、画面、ユーザーフローを自動的に作成し、数日かかっていた計画を数分で完了します。

次のステップはProfessionalプラン以上にアップグレードすることです。アカウント設定に移動して有料プランを選択します。このアップグレードなしでは、アプリビルダーにExternal Collectionsメニューが表示されません。使用量ベースの課金なしで月々36ドルで、AdaloはSupabase連携が生成するAPIコールの数に関わらず予測可能なコストを提供します。

プランが有効になったら、左パネルのDatabaseタブに慣れ親しんでください。ここでSupabaseを外部データソースとして追加します。Adaloのインターフェースには組み込みのテストツールが含まれており、セットアップ中にAPIエンドポイントを検証して、アプリ画面の構築を始める前に認証やフォーマットの問題を検出できます。

必要なツールとドキュメント

Supabase Management API Referenceをブラウザのタブに開いておいてください。認証ヘッダーの設定とレスポンス構造の理解に必要です。また、Base URLの設定、エンドポイントアクションの設定、ネストされたJSONレスポンスの「Results Keys」の特定についてのガイダンスとして、AdaloのExternal Collectionsに関するヘルプドキュメントをブックマークしてください。

Adaloで認証を設定する際は、以下の構文を使用してSupabaseのservice_roleキーをBearerトークンとしてフォーマットしてください:

Authorization: Bearer [YOUR_SERVICE_ROLE_KEY]

最後に、Adaloで更新エンドポイントを設定する際は、デフォルトのPUTの代わりにPATCH HTTPメソッドを使用してください。これにより、データベースレコード全体を上書きすることなく特定のフィールドのみを変更できます。

接続のためのSupabaseの準備

アカウントの準備ができたら、次はSupabaseをAdaloとシームレスに連携できるように設定します。これにはデータベーステーブルの作成、セキュリティルールの設定、接続に必要な認証情報の収集が含まれます。

データベーステーブルの作成

SupabaseダッシュボードのTable Editorを開きます。New Tableをクリックして最初のテーブルを作成します。Supabaseのapi規則に合わせて、アンダースコアを使った小文字の名前(例:user_profiles)を使用してください。

プライマリキーにはbigintやint8などの数値型を使用し、自動インクリメントを有効にします。これにより、IDが連続する番号(例:1、2、3)となり、Adaloが簡単に解釈できます。

Adaloのプロパティタイプに対応するデータ型を使用して少なくとも1つのテストレコードを追加してください。例えば:

  • 文字列にはtextを使用
  • true/false値にはboolを使用
  • タイムゾーン付きタイムスタンプにはtimestamptzを使用

サンプルデータを含めることで、APIコネクターがフィールドタイプを正しく識別できます。

アプリでテーブル間のリレーションシップが必要な場合は、外部キーを設定してください。例えば、customersテーブルとordersテーブルがある場合、ordersテーブルにcustomersテーブルのidカラムを参照するcustomer_idカラムを追加できます。この設定により、Adaloがレコード間のリレーションシップを認識できます。

テーブルの準備ができたら、次はAPIアクセスを保護します。

APIアクセスと権限の設定

Supabaseはpublicスキーマのすべてのテーブルに対してREST APIを自動的に作成します。

「Supabaseはデータベーススキーマから直接APIを自動生成し、ブラウザから直接、RESTfulインターフェースを通じてデータベースに接続できるようにします。」

これは便利な一方で、データがこれらのAPIエンドポイントを通じてアクセス可能になることも意味するため、セキュリティ確保が重要です。

データを保護するためにRow Level Security(RLS)を有効にします。Table Editorでテーブルの横にある3つのドットをクリックし、Edit Tableを選択してRow Level Securityをオンに切り替えます。または、以下のSQLコマンドで有効にすることもできます:

alter table "your_table_name" enable row level security;

RLSが有効になると、ポリシーを定義するまでテーブルにアクセスできなくなります。Adaloがデータを読み取れるようにするには、anonロール用のポリシーを作成してください:

create policy "Allow public access"
on your_table_name
for select
to anon
using (true);

このポリシーにより、APIキーを使用するすべてのクライアントがデータを読み取ることができます。より細かいコントロールが必要な場合は、using (auth.uid() = user_id)のような条件を追加して特定の行へのアクセスを制限できます。

SupabaseのREST APIは基本的な読み取り操作においてFirebaseより300%以上高速であることが示されています——単一のSQL文でリクエストを解決するためです。Adaloのモジュラーインフラ——20,000,000件以上の日次リクエストを99%以上の稼働率で処理——と組み合わせることで、データ集約型アプリケーションのための高性能な基盤が構築されます。

API権限の設定が完了したら、最後のステップとしてプロジェクトの認証情報を取得します。

APIキーの取得

SupabaseダッシュボードでSettingsに移動し、APIタブをクリックします。ここで2つの重要な情報が見つかります:プロジェクトURLとAPIキー。

プロジェクトURLは通常このような形式です:https://<project_ref>.supabase.co/rest/v1。これがすべてのAPIリクエストのベースとなります。

APIキーには2つのタイプがあります:

  • Anonキー:Adalo連携にはこれを使用します。RLSポリシーを尊重し、明示的に許可されたデータのみにアクセスします。
  • Service_roleキー:RLSをバイパスするため、クライアントサイドのアプリケーションでは絶対に使用しないでください。

Adaloにはanonキーをコピーして安全に保存してください。APIコールのapikeyヘッダーとして使用します。Supabaseは新しい公開可能なキー形式(sb_publishable_)も展開中ですが、現時点では従来のanonキーと新しい形式の両方が同様に機能します。

「すべてのSupabaseプロジェクトには固有のAPI URLがあります。APIはAPIキーをすべてのリクエストに要求するAPIゲートウェイで保護されています。」

キーが漏洩した場合は、API設定で再生成できます。その後、新しいキーですべての連携を更新することを忘れないでください。

これらの手順が完了すると、SupabaseのセットアップがAdaloとの連携準備完了です。

SupabaseをAdaloに接続する

Supabaseのセットアップが完了したので、Adaloにリンクする時です。AdaloのExternal Collections機能により、Supabaseのテーブルをアプリのビジュアルビルダーに直接接続でき、データ連携がシームレスになります。ここでAdaloのAI支援構築機能が活躍します——接続後はMagic Addを使ってSupabaseデータを活用する新機能を説明でき、プラットフォームが必要な画面とロジックを自動的に生成します。

注意:External CollectionsはAdaloのProfessional、Team、またはBusinessプランでのみ利用可能です。

SupabaseをExternal Collectionとして追加する

Adaloプロジェクトを開き、左のDatabaseタブに移動します。External CollectionsまでスクロールしてAdd Collectionをクリックします。わかりやすさのために、コレクション名をSupabaseのテーブル名と一致させてください——複数のデータソースを管理するのが格段に楽になります。

次にBase URLを入力します。これは接続したいテーブルのSupabaseからのREST APIエンドポイントです。通常このような形式です:
https://<project_ref>.supabase.co/rest/v1/your_table_name

次に認証ヘッダーを設定します。Supabaseはセキュアなアクセスを確保するために2つのヘッダーを要求します:

  • ヘッダー1:Name = apikey、Value = SupabaseのAnonキー(API設定で確認)
  • ヘッダー2:Name = Authorization、Value = Bearer [your_Supabase_anon_key]

この設定は、先ほどSupabaseで完了したAPI設定を反映しています。

ヘッダーが設定されたら、以下に示す5つの標準エンドポイントアクションを定義します:

エンドポイントアクション メソッド URL構造
全レコード取得 GET Base URL
1件取得 GET Base URL + /{id}
レコード作成 POST Base URL
レコード更新 PATCH Base URL + /{id}
レコード削除 DELETE Base URL + /{id}

ヒント:更新にはPATCHメソッドを使用してください。レコード全体を上書きせずに特定のフィールドのみを変更できます。

適切なフィールド検出のため、進める前にSupabaseのテーブルに少なくとも1件のレコードが含まれていることを確認してください。

データコレクションのマッピング

接続の設定が完了したら、セットアップモーダルのTest Connectionを押します。すべてが正しく設定されていれば、緑色の成功インジケーターとSupabaseデータのプレビューが表示されます。

このステップで、AdaloはSupabaseからのJSONレスポンスを分析し、Propertiesと呼ばれる対応フィールドを生成します。これらのフィールドはAPIへの接続を壊すことなくAdalo内でリネームできます。また、アプリ全体の動的コンテンツのMagic Textとして使用できます。

Adaloはデータベースレコードやストレージに上限を設けていないため、制限を心配することなく任意のサイズのテーブルを接続できます。これは、大規模なデータセットと複雑なクエリに優れたSupabaseのPostgreSQLバックエンドと連携する際に特に有効です。

API接続のテスト

コレクションのマッピング後、Adaloのツールを使用して接続をテストします。

AdaloビルダーにシンプルなListコンポーネントを作成します。新しいSupabaseコレクションをデータソースとして割り当て、さまざまなプロパティを表示するテキスト要素を追加します。アプリをプレビューしてデータが正しく表示されていることを確認します。

すべてが期待通りに機能することを確認するため、Adaloで直接レコードの作成、更新、削除を試みてください。これにより5つのエンドポイントアクションすべてが正常に機能していることを確認できます。

エラーが発生した場合、AdaloはSupabase APIが返す具体的なメッセージを表示します。ほとんどの接続問題は、誤った認証ヘッダーや不正なURLフォーマットに起因します。APIキーを確認し、Base URLがSupabaseのテーブル名と正確に一致していることを確認してください。

注意点として:Supabaseデータベースで直接行った変更は、Adaloに自動的に反映されません。代わりに、Adaloは画面の読み込み時またはアプリ内のアクションによってAPIコールがトリガーされたときにフレッシュなデータを取得します。

ユーザー認証の設定

データ接続の準備ができたら、次のステップはユーザー認証の設定です。Supabaseは専用のAPIエンドポイントでこれを簡素化し、AdaloのExternal Users Database and Authentication(Beta)機能が連携プロセスをスムーズにします。

まずSupabaseダッシュボードのAuthentication設定に移動します。Email Signupを有効にして、セットアップ中のテストを容易にするためにDisable email confirmationsをオンに切り替えます。

Adaloアプリでは、Advanced OptionsのExternal Users Database and Authentication(Beta)を選択します。これによりアプリの外部認証アクションが有効になります。

注意:外部認証はAdaloのProfessional、Team、またはBusinessプランでのみ利用可能です。

ログインとサインアップエンドポイントの設定

次に、ログインとサインアップのエンドポイントを設定します。Supabaseはこれらのアクションに2つの異なるエンドポイントを使用します:

  • ログインエンドポイント:
    https://<your-project-ref>.supabase.co/auth/v1/token?grant_type=password
  • サインアップエンドポイント:
    https://<your-project-ref>.supabase.co/auth/v1/signup

両方のエンドポイントには同じヘッダー設定が必要です。apikeyヘッダーキーを使用し、値にはSupabaseのservice_roleキー(先ほど使用したanonキーではない)を設定します。service_roleキーはユーザーセッションとトークンを管理するために必要な権限を提供します。

両方のエンドポイントのJSONボディにはemailとpasswordの2つのフィールドが含まれます。これらのフィールドはSupabaseがユーザーアカウントを検証または作成するために不可欠です。

アクション エンドポイントURL ヘッダーキー/値 JSONボディフィールド
ログイン /auth/v1/token?grant_type=password apikey: [service_role_key] email、password
サインアップ /auth/v1/signup apikey: [service_role_key] email、password

テスト時は、ログインに実際のSupabaseユーザーアカウントを使用し(管理者の認証情報を避ける)、サインアップには一意のメールアドレスを使用してください。これによりAPIがエラーではなく有効なトークンを返します。

ユーザーセッションとトークンの管理

返されるJSONのaccess_tokenとidフィールドがユーザーセッションの管理において重要です。access_tokenはアプリ全体でユーザーのログイン状態を維持し、idはSupabaseデータベースへの認証済みクエリを可能にします。これらのフィールドが正しくマッピングされていないと、ユーザーはログイン状態が維持されず、データにアクセスできません。

Adaloのセットアップウィザードで、ドロップダウンメニューからaccess_tokenとidを選択してこれらのフィールドを手動でマッピングします。Adaloはこれらのフィールドを自動的に検出しないため、このステップは非常に重要です。

Supabaseの認証トークンはセキュリティのために20日ごとに期限切れになることに注意してください。ユーザーはこの期間後にアプリを積極的に使用していても再度ログインする必要があります。また、ブラウザのキャッシュをクリアしたり、新しいデバイスからログインしたりすることでもログアウトすることがあります。

セッショントークンが適切にマッピングされたら、アプリで認証プロセスのテストに移ることができます。

ユーザー認証のテスト

Adaloビルダーで関連する画面にLoginとSignupボタンを追加します。標準のデータベースアクションの代わりに、External LoginとExternal Signupオプションが表示されます。これらのアクションをボタンに割り当てます。

すべてが機能することを確認するために、「Logged In Users」のみに制限されたテスト画面を作成します。これにより認証後にセッションが維持されることを確認できます。マッピングされたaccess_tokenとidを使用して、制限された画面が認証済みユーザーのみアクセスできることを確認します。

サインアップ、ログイン、制限された画面へのアクセスでテストを実行します。エラーが発生した場合、AdaloはSupabase APIからのレスポンスを表示します。ほとんどの問題は、誤ったヘッダー値またはJSONボディのメール/パスワードフォーマットの不一致が原因です。

認証が機能するようになれば、アプリはユーザー固有のデータビュー、パーソナライズされたダッシュボード、セキュアなアクセス制御をサポートできます——すべてSupabaseの堅牢な認証システムと、Adaloのネイティブiosh・Androidインターフェースによって実現されます。

SupabaseとAdalo間のデータ管理

External CollectionsとPostgRESTを使用してSupabaseとAdaloアプリ間のデータフローを管理できます。以下では、フィールドのマッピング方法とデータ連携を簡素化するフィルターの設定方法について説明します。

データベースフィールドのマッピング

SupabaseをAdaloに接続すると、「Test Connection」ステップでシステムがデータベースフィールドを特定します。このプロセスはSupabase APIからのJSONレスポンスに依存します。カラムが空の場合は表示されないため、新しくデータが入力されたフィールドを含めるために後で再接続する必要がある場合があります。

SupabaseのフィールドはText、Number、Date、ImageなどのAdaloプロパティに自動的にリンクされます。これらのマッピングされたプロパティは、リスト、フォーム、条件付き表示ルールのデータを表示または操作するためのMagic Textとしてアプリ全体で使用できます。特定のフィールドを更新するには、レコードの変更にPATCHメソッドを使用してください。プライマリキーは数値である必要があります——UUIDはサポートされていません。

フィールドのマッピングが完了したら、フィルターと条件ロジックを使用して表示するレコードを絞り込めます。

フィルターと条件ロジックの追加

フィルターはURLパラメーターを使用して適用されます。SupabaseのPostgREST APIは?select=*&order=id.descや?column=eq.valueなどのクエリ文字列をサポートしており、Adaloに送信される前に結果をソート、フィルター、制限できます。例えば、?status=eq.activeを追加すると、アクティブなエントリのみを表示するようにレコードがフィルターされます。このアプローチはペイロードサイズを最小化し、特に大規模なデータセットの読み込み時間を改善します。

パフォーマンス向上のために、limitとoffsetを使用したページネーションを実装してください。この方法はレコードを小さなバッチで取得し、大規模なペイロードによるタイムアウトやエラーのリスクを軽減します。2025年末にローンチされたAdalo 3.0のモジュラーインフラにより、以前のバージョンと比較してデータ駆動型画面の読み込みが大幅に高速化され、複雑な画面でもページネーションされたSupabaseクエリがレスポンシブに感じられます。

レコードを完全に削除する代わりに、ソフトデリートの使用を検討してください。Supabaseに「Status」または「Archived」フィールドを追加し、Adaloでアーカイブされたレコードをフィルターします。ソフトデリートにより、重要な情報を失うことなくデータの回復が容易になり、ユーザーに表示されるものをより細かく制御できます。

スケールに向けたクエリの最適化

ユーザーベースが成長するにつれて、クエリの最適化が不可欠になります。SupabaseのPostgreSQL基盤はインデックス作成をサポートしており、フィルタリングされたクエリを劇的に高速化します。頻繁にフィルターやソートに使用するカラムにインデックスを作成してください——これはアクティビティログのタイムスタンプフィールドや注文管理システムのステータスフィールドにとって特に重要です。

Adaloのインフラは月間数百万のアクティブユーザーを持つアプリをサポートするようにスケールし、成長の上限はありません。レコードに厳しい制限を課したりデータベース操作に使用量ベースの料金を請求するプラットフォームとは異なり、Adaloの月々36ドルのProfessionalプランには無制限のデータベースレコードと使用量ベースの課金がゼロが含まれます。この予測可能な価格設定モデルにより、Supabase接続アプリがスケールしてもコストが安定します。

リアルタイムデータ同期を必要とするアプリでは、重要な更新にSupabaseのリアルタイムサブスクリプションを実装し、時間的にそれほど重要でないデータには標準のREST呼び出しを使用することを検討してください。このハイブリッドアプローチは応答性と効率のバランスをとります。

トラブルシューティングとパフォーマンスのヒント

十分な準備をしていても、SupabaseをAdaloに接続する際に課題が生じることがあります。幸いなことに、ほとんどの問題は簡単に解決でき、パフォーマンスを微調整する方法もあります。以下では、よくある問題とスムーズな連携を維持するための実用的なヒントを紹介します。

よくある連携エラーの修正

よくある問題の1つは数値IDの互換性です。AdaloのExternal Collectionsには数値IDが必要なため、互換性を確保するためにSupabaseにBigIntまたはIntegerカラムを追加する必要があります。

認証エラーも一般的なハードルです。ユーザーがサインインできない場合は、Supabase Authentication Settingsを確認してください。「Disable Signup」がオフ、「Enable Email Signup」がアクティブ、「Disable email confirmations」が有効になっていることを確認します。すべてが機能していることを確認するために、既存ユーザーの認証情報でログインエンドポイントをテストしてアクセストークンとユーザーIDを取得してください。

Adaloにデータが表示されない場合は、「Get All Records」エンドポイントのResults Keyに問題がある可能性があります。JSONレスポンスでデータ配列をラップする正しいトップレベルキーを指定していることを確認してください。

AdaloのAPIには1秒あたり5リクエストという厳しい制限があることに注意してください。これを超えると429ステータスコードが返されます。これを防ぐには、急速または繰り返しのAPIコールを減らすか、リクエスト間に短い遅延を入れてください。

データ転送速度の向上

データ転送の最適化はアプリのパフォーマンスを大幅に向上させます。まず、Supabaseでサーバーサイドフィルタリングを使用して送信されるデータを制限します。また、limit/offsetパラメーターを使用してレコードを小さなバッチ(リクエストあたり約100件)で処理するページネーションを実装してください。レコードを更新する際は、変更されたフィールドのみを送信するPATHメソッドをPUTの代わりに使用してデータ転送を削減します。

パフォーマンスを向上させるもう1つの方法は、頻繁にアクセスされるデータをAdaloの内部データベースに保存することです。これにより、ユーザーセッション中に外部APIを繰り返し呼び出す必要が減ります。また、異なるテーブルから同時にデータを取得する複数のネストされたリストの使用は避けてください。このような設定はボトルネックを作り、APIレート制限に達する可能性を高めます。

Adaloツールによるデバッグ

連携問題のトラブルシューティング時、Adaloには問題を特定するのに役立つ組み込みツールがいくつかあります。External Collectionsのセットアップモーダルにはテスト機能があり、Supabaseからの生のAPIレスポンスを表示するため、エンドポイントが期待するデータを返しているかを簡単に確認できます。

より複雑なデバッグには、アプリをプレビューする際にブラウザのデベロッパーツールを使用してネットワークリクエストを検査してください。各APIコールの正確なヘッダー、ペイロード、レスポンスが表示されるため、認証問題や不正なリクエストを特定するのに役立ちます。

断続的な障害が発生している場合は、Supabaseのダッシュボードでレート制限や接続問題を確認してください。SupabaseはAPIの使用状況とデータベースパフォーマンスのリアルタイム指標を提供しており、問題がバックエンドかAdalo連携レイヤーのどちらに起因するかを特定するのに役立ちます。

Supabase接続アプリの公開

Supabase連携がスムーズに機能するようになったら、公開の準備が整いました。Adaloは単一のコードベースからネイティブiOSおよびAndroidアプリを作成し、Apple App StoreとGoogle Play Storeの両方に直接公開します。これはアプリのローンチで最も難しい部分——証明書、プロビジョニングプロファイル、ストアのガイドラインの処理——ですが、Adaloの合理化された申請プロセスがこれらの複雑さを自動的に処理します。

公開前に、さまざまなシナリオでAdaloのプレビューモードでSupabase接続を徹底的にテストしてください:新規ユーザーのサインアップ、リターンユーザーのログイン、データの作成、更新、削除。認証トークンが正しく持続し、すべての画面タイプでデータが期待通りに表示されることを確認します。

本番アプリでは、ネットワーク障害に対するエラー処理の実装を検討してください。Supabaseが一時的に到達不能な場合のフォールバック画面またはリトライロジックを追加します。これにより、短い接続問題が発生しても、ユーザーはスムーズなエクスペリエンスを享受できます。

まとめ

SupabaseとAdaloを連携させることで、SupabaseのPostgreSQLバックエンドとAdaloのAIパワードアプリビルダーを組み合わせられます。この接続により、SupabaseのデータがAdaloコレクションと直接連携し、リスト、アクション、フォームなどの機能が可能になります——カスタムのバックエンドコードは不要です。これは大規模なデータセットの管理、複雑なリレーションシップの処理、典型的なアプリビルダーの制限を超えた高度なクエリの実行に強力な方法です。

アプリが成長するにつれて、スケーリングが不可欠になります。Supabaseのエントリーレベルの有料プランは最大100,000ユーザーをサポートし、Adaloのモジュラーインフラは上限なく月間数百万のアクティブユーザーにスケールします。Adaloの無制限のデータベースレコードと使用量ベースの課金ゼロと組み合わせることで、この組み合わせはあらゆる規模のアプリのためのコスト効果の高い基盤を提供します。

「PostgreSQLの経験があり、オープンソースのバックエンドビルダーを求めているなら、Supabaseを候補リストに入れてください。このプラットフォームは、月まで拡張できる堅牢で柔軟なバックエンドビルダーを求める開発者や開発チームに特に適しています。」— Adaloチーム

この連携を使用するには、External Collectionsへのアクセスを解除し無制限の使用をすべての指標で含む、月々36ドルのAdalo Professionalプラン以上が必要です。

よくある質問

他のアプリ構築ソリューションよりAdaloを選ぶ理由は?

AdaloはネイティブなiおよびAndroidアプリを作成するAIパワードアプリビルダーです。ウェブラッパーとは異なり、ネイティブコードにコンパイルして、単一のコードベースからApple App StoreとGoogle Play Storeの両方に直接公開します——アプリのローンチで最も難しい部分が自動的に処理されます。月々36ドルで無制限の使用により、アクション、ユーザー、レコード、ストレージに上限なく予測可能な価格設定を提供します。

App Storeにアプリを構築・公開する最速の方法は?

Magic StartとMagic Addを通じたAI支援構築と組み合わせたAdaloのドラッグ&ドロップインターフェースにより、月単位ではなく日単位でアイデアから公開アプリまで進めることができます。構築したいものを説明するだけで、AIがデータベース構造、画面、ロジックを自動的に生成します。Adaloは複雑なApp Store申請プロセスを処理するため、証明書やプロビジョニングプロファイルではなく機能に集中できます。

SupabaseをアプリにConnectするのに必要なAdaloプランは?

Supabase連携に必要なExternal Collectionsを使用するには、Adalo Professional、Team、またはBusinessプランが必要です。Professionalプランは月々36ドルで、アクション、ユーザー、レコード、ストレージに上限なく無制限の使用が含まれます——データ集約型のSupabase連携にコスト効果的です。

Adalo連携でSupabaseがUUIDの代わりに数値IDを必要とする理由は?

AdaloのExternal Collections機能はレコードを正しく識別・管理するために数値プライマリキーが必要です。SupabaseはデフォルトでUUIDを使用するため、互換性を確保するために自動インクリメントを有効にしたbigintやint8などの数値型でテーブルを設定する必要があります。

SupabaseとAdalo間のユーザー認証をどのように処理しますか?

AdaloのExternal Users Database and Authentication機能とSupabaseの認証エンドポイントを組み合わせて使用します。service_roleキーを使用して別々のログインとサインアップエンドポイントを設定し、アプリ全体でユーザーセッションを維持するためにSupabaseレスポンスからaccess_tokenとidフィールドをマッピングします。

SupabaseのデータがAdaloに表示されない場合はどうすればよいですか?

まず、Supabaseテーブルに少なくとも1件のレコードが含まれていることを確認してください。Adaloはフィールドタイプを検出するためにサンプルデータが必要です。認証ヘッダーが正しいことを確認し、Base URLがテーブル名と正確に一致していることを検証し、ネストされたJSONレスポンスの正しいResults Keyを指定していることを確認してください。

AdaloはSupabase接続アプリのスケーリングをどのように処理しますか?

Adaloのモジュラーインフラは上限なく月間数百万のアクティブユーザーをサポートするようにスケールします。エントリーレベルのプランで最大100,000ユーザーをサポートするSupabaseのPostgreSQLバックエンドと組み合わせることで、この組み合わせは効率的に成長を処理します。Adaloの無制限のデータベースレコードと使用量ベースの課金ゼロにより、スケールしてもコストが予測可能です。

Supabase接続アプリをiOSとAndroidの両方に公開できますか?

はい。Adaloは単一のコードベースからネイティブiOSおよびAndroidアプリを作成し、Apple App StoreとGoogle Play Storeの両方に直接公開します。Supabase連携は追加の設定なしに両方のプラットフォームで同様に機能します。

大規模なSupabaseデータセットのパフォーマンスを最適化するにはどうすればよいですか?

SupabaseのPostgRESTクエリパラメーターによるサーバーサイドフィルタリングを使用して、Adaloに到達する前にデータを制限してください。limit/offsetパラメーターによるページネーションを実装し、更新にはPUTの代わりにPATCHを使用し、頻繁にフィルタリングするカラムにデータベースインデックスを作成します。頻繁にアクセスされるデータをAdaloの内部データベースに保存して外部APIコールを減らしてください。

テンプレートからアプリ開発をスタート

既製のアプリテンプレートを使って、すばやくアプリを構築しましょう

ノーコードで開発を始める
言語: 日本語