React アプリのトップ 3 のサービスとしてのバックエンドプロバイダー

2023/01/07

Backend-as-a-Service (BaaS) は、データストレージ、分析、通知、リアルタイムサブスクリプション、認証などのバックエンドサービスをソフトウェアアプリケーションに提供するプラットフォームを指します。BaaS プロバイダーは、バックエンドをゼロから構築する必要がないため、アプリケーションの開発に必要な時間を短縮します。

React アプリケーションをサポートする一般的な BaaS プロバイダーには、AWS Amplify、Firebase、および SupaBase があります。

AWS増幅

AWS のサービスは、クラウドの経験がないと使いにくい場合があります。2017 年にローンチされた AWS Amplify は、AWS のサービスとやり取りしてアプリに統合する方法を簡素化するオープンソースのライブラリです。

ストレージ、認証、GraphQL、REST API、プッシュ通知などのサービスを提供します。また、AWS コンソールを使用せずに、Cognito、DynamoDB、ElasticSearch などの AWS リソースをアプリに追加する簡単な方法も提供します。CLI または管理 UI を使用して Amplify にアクセスできます。

AWS Amplify の主な機能

AWS Amplify は、多くのフレームワークと言語で動作します。Web アプリケーションでは、React、Angular、Vue などの一般的な JavaScript フレームワークとライブラリがサポートされています。また、iOS と Android にも対応しています。
Amplify は Amazon Cognito を統合して、E メール/パスワード認証、Facebook や Amazon などのプロバイダーによるソーシャル認証、および多要素認証をサポートします。
Amplify を使用すると、GraphQL および REST API をアプリケーションに追加できます。これらの API を使用して、DynamoDB などのデータソースからデータにアクセスできます。
Amplify を使用すると、S3 を使用してメディアファイルをデバイスおよびクラウドに保存および管理できます。
Amplify CLI を使用すると、ラムダ関数を作成してデプロイできます。ラムダ関数は、サーバーをプロビジョニングせずにコードを実行できるサーバーレス関数です。ラムダ関数の一般的な使用例には、イベントがトリガーされたときの SMS アラートの送信、電子メールの送信、サムネイルの作成などの画像操作が含まれます。Lambda 関数のより一般的な使用例については、AWS ドキュメントを参照してください。
始めるのは安いです。Amplify のほとんどの機能を提供する無料利用枠でアプリケーションの作成を開始できます。無料期間が終了すると、使用した特定の機能に対して料金を支払うことができます。
Amplify は、バックエンドをゼロからコーディングする必要がないため、ソフトウェアアプリケーションの市場投入までの時間を短縮します。

AWS Amplify は AWS クラウドのみを対象としています。Google Cloud の場合は、Firebase を検討する必要があります。

ファイアベース

Firebase は、Google Cloud 上に構築された BaaS プラットフォームであり、ウェブおよびモバイルアプリケーション用のマネージドバックエンドプラットフォームを提供します。Firebase は、開発者がバックエンドインフラストラクチャを構築し、アプリケーションをリリースして監視し、ユーザーと関わるのに役立つ製品を提供します。

Firebase の主な機能

Firebase は、iOS、ウェブ、Android との統合をサポートしています。
Firebase には、アプリのデータを保存するために使用できる NoSQL データベースである Cloud Firestore データベースがあります。Firebase は、ユーザー間でデータをリアルタイムで保存および同期できるリアルタイムデータベースも提供します。
Firebase を使用すると、アプリに拡張機能を追加できます。拡張機能は、アプリに機能を追加する、事前にパッケージ化されたコードのバンドルです。拡張機能の例として、Algolia を使用してクラウド Firestore データベースで全文検索を可能にするパッケージである Search with Algolia があります。拡張機能マーケットプレイスで他の拡張機能を確認できます。
Firebase を Google 広告、Google Play、Jira、Slack などの他のツールと統合することで、アプリに機能を追加できます。
Firebase は Google Cloud に組み込まれているため、アプリを簡単にスケーリングできます。
Spark プランは無料で、開発者が Firebase を簡単に使い始めるのに役立ちます。
Firebase 認証サービスは、メールとパスワード、電話番号、Twitter や GitHub などのソーシャル認証プロバイダーを使用したユーザー認証をサポートしています。
crashlytics、パフォーマンスモニタリング、Google アナリティクス、テストラボなどの Firebase プロダクトは、アプリのパフォーマンスを追跡するのに役立ちます。

ご覧のとおり、Firebase には優れた機能がありますが、オープンソースではなく、Google Cloud でしか使用できません。オープンソースの代替が必要な場合は、Supabase を試してください。

スーパーベース

Supabase は、開発者がアプリケーションのバックエンドをすばやくセットアップできるようにするプラットフォームです。Supabase で作成された各プロジェクトは、100% 移植可能な Postgres データベースであり、Supabase との間の移行を簡素化します。データベースはリアルタイム対応で、サブスクライブしてデータベースの更新に対応できます。Supabase が提供するその他のサービスには、エッジ機能、認証、および自動生成 API があります。

スーパーベースの主な機能

Supabase は、本格的な Postgres データベースを提供します。データベースは移植可能であり、ユーザーアクセスの制御に使用できる認証が組み込まれています。
Google、Facebook、Twitter でのソーシャルログイン、メール/パスワード認証、API 経由でアクセスできる組み込みのユーザー管理システムなど、複数の認証方法を提供します。
Supabase は、世界中のユーザーの近くで実行されるサーバーレス機能であるエッジ機能をサポートしています。エッジ機能を使用することで、レイテンシを短縮し、コードの実行速度を向上させます。
また、Postgres データベースのイベントをリッスンできるリアルタイム更新もサポートしています。
Supabase と Firebase は同様のサービスを提供しますが、両者の主な違いは、Supabase がリレーショナルデータベースである PostgreSQL データベース上に構築されているのに対し、Firebase は NoSQL データベースに基づいていることです。
Supabase の料金は、請求額を予測できるように保存されたデータ量に基づいています。無料パッケージには、すでに最大 500MB のデータベースと 1GB のファイルストレージが含まれており、サイドプロジェクトに最適です。さらにストレージが必要な場合、次の価格レベルは月額 25 ドルです。
GraphQL を使用して、既存の PostgreSQL データベースにクエリを実行できます。

どの BaaS プラットフォームを使用する必要がありますか?

選択するプラットフォームは、作業中のプロジェクトのニーズによって異なります。Firebase は NoSQL データベースを使用するため、非リレーショナルデータに最適ですが、リレーショナルデータベースを使用する場合は Supabase が適しています。Amplify を使用すると、DynamoDB または S3 に基づく NoSQL データベースを作成できますが、ラムダ関数を使用してリレーショナルデータベースに接続することもできます。

さらに、GraphQL API を使用する場合は、Firebase がサポートしていないため、Amplify または Supabase を選択してください。

すでに使用しているプロバイダー上に構築されたプラットフォームを使用する方が簡単な場合があるため、既存のクラウドプロバイダーも検討する必要があります。たとえば、AWS を使用している場合、Google Cloud を使用している場合は Amplify または Firebase を好むかもしれません。特定のクラウドベンダーに縛られたくない場合は、Supabase が適しています。

BaaS プロバイダーが出荷の迅速化にどのように役立つか

これまで、Amplify、Firebase、Supabase の機能と、BaaS プロバイダーを選択する際に考慮すべきいくつかの要因について学びました。選択したプラットフォームに関係なく、BaaS は開発時間を節約するのに役立ちます。データベースの構成、認証システムの構築、分析のセットアップ、およびその他のバックエンドサービスの代わりに、設計とフロントエンドに集中できます。