Docs Menu
Docs Home
/ /
Atlas App Services
/ /

GraphQL を WunderGraph に移行する

項目一覧

  • WunderGraph への移行
  • WunderGraph アプリケーションの作成
  • npm スクリプトの追加
  • WGS サーバーを起動する
  • MongoDB Atlas データソースの構成
  • クエリ操作を追加する
  • GraphQL UI でデータを参照する
  • 本番環境での WunderGraph の JSON-RPC インターフェースの使用
  • クライアント アプリケーションの更新
  • Atlas App Services エンドポイントのシャットダウン
  • 次のステップ
  • GraphQL フェデレーションの WundaGraph Cosmo

重要

MongoDB Atlas と WunderGraph の両方の公式ドキュメントを常に参照してください 最新かつ正確な情報については、 を参照してください。具体的な手順は、プロジェクトの詳細と使用されるテクノロジーによって異なる場合があります。

WunderGraph は、オープンソース ツールと SDK を備えた包括的な開発者プラットフォームです。

これらのツールの 1 つは、 フロントエンド(BLF)フレームワーク用 のバックエンドです 。この BFF フレームワークは、本番環境に追加できる堅牢で仕様に準拠したサーバー フレームワークです。 このフレームワークは、任意のソースからのデータを統合できます。 これには MongoDB Atlas のデータが含まれます。 詳細については、 の WreadGraphDocs ページを 参照してくださいAtlas 。GraphQL Federation の使用を検討する場合は、 WunderGraph Cosmo を検討してください。

WGS は、データをバンドルし、フロントエンド フレームワーク向けにタイプセーフなクライアントを生成するオープンソース ゲートウェイです。 フックを使用して、追加のビジネス ロジックや カスタム GraphQL リゾルバ を追加することもできます データベースからクライアントを減算します。

次は、GraphQL ホストを Atlas App Services から WunderGraph に移行する方法の概要です。 具体的な手順は、プロジェクトの詳細と使用されるテクノロジーによって異なる場合があります。

1
# Init a new project
npx create-wundergraph-app my-project --example simple
# Move to the project directory
cd my-project
# Install dependencies
npm i
2

次のスクリプトを package.jsonに追加すると、WunderGraph サーバーを実行できるようになります。

{
"scripts": {
"start": "wunderctl up --debug",
"build": "wunderctl generate"
}
}
3
npm run start

サーバーを起動すると、WunderGraph によっていくつかのコード生成が行われます。 http://localhost:9991でサーバーのステータスを確認します。

4

MongoDB Atlas データソースを構成する必要があります。 wundergraph.config.tsファイル内に以下を追加します。

wundagraph.config.ts
const Atlas = introspect.mongodb({
apiNamespace: 'my_db',
databaseURL: 'YourAtlasURL',
});
configureWunderGraphApplication({
apis: [Atlas],
});
5

Atlas データを操作するには、クエリ操作を追加する必要があります。 operationsフォルダーに移動し、 Users.graphqlという新しい GraphQL ファイルを作成し、以下を追加します。

/ operations/Users.graphql
{
Mongo_findFirstusers {
id
name
email
}
}
6

WGS サーバーを実行し、クエリ操作を追加したら、GraphQL ユーザー インターフェイスを使用して、GraphQL API から Atlas データを調査できます。 これは、アプリを開発する際に役立ちます。 本番環境のアプリでは、WunderGraph の JSON-RPC インターフェイスを使用することをお勧めします(次のステップを参照)。

  1. WunderGraph サーバーが実行されている場合は、 http://localhost:9991/graphqlに移動します。

  2. 次のクエリを GraphQL ユーザー インターフェースに追加します。

    query Users {
    db_findManyusers {
    id
    name
    email
    }
    }
  3. [ プレイ ] ボタンをクリックします。

7

GraphQL は開発に適していますが、本番環境では、Atlas データを操作するために WGS の JSON-RPC インターフェイスを使用することを検討する必要があります。

つまり、WunderGraph は GraphQL 操作を呼び出して使用できる JSON-RPC エンドポイントにコンパイルします。

wunderctl upの実行後、WunderGraph は.wundergraph/operationsディレクトリで*.graphqlファイルを確認し、それらを処理します。 これを機能させるには、各ファイルに 1 つの GraphQL 操作が含まれている必要があります。

各ファイルは JSON-RPC エンドポイントにコンパイルされます。 エンドポイントの名前は、ファイル名によって決まります。

JSON-RPC API クエリの例は次のとおりです。

curl http://localhost:9991/operations/Users
8

GraphQL API エンドポイントを操作するすべてのクライアント アプリケーションを、新しい WundaGraph エンドポイント URL を指すように更新します。

9

GraphQL API エンドポイントが WGS に完全に移行され、運用されていることを確認したら、MongoDB Atlas App Services アプリを削除して不要なコストを回避できます。 Atlas GraphQL エンドポイントは、 2025 12年 3 月 日以降、サポートされなくなります。

WunderGraph CosmoDocs の をご覧ください では、複数のGraphQL GraphQLAPI を組み合わせて統合グラフを作成する分散 アーキテクチャを構築する方法を学びます。

Cosmo を使用すると、チームと組織は(フェデレーティッド)GraphQL アーキテクチャを簡単に管理および拡張できます。 構成チェックによって中断されることなく、迅速に反復処理されます。

WunderGraph Cosmo は、マネージド サービスとしてローカル、オンプレミス、またはクラウドで簡単に実行できます。 Cosmo は、ルーティングから分析まですべてをプラットフォーム全体でカバーするバケット付きのソリューションです。

Cosmo は、単調な GraphQL API だけでなく、フェデレーション v 1と v 2 (サブスクリプションを含む)をサポートしています。

戻る

Apollo への移行