ExpressとNetlifyを使用してノードでサーバーレスGraphQL APIを構築する

APIを構築することは気が遠くなるように思えるかもしれませんが、そうである必要はありません。このチュートリアルは、最小コードと容易に利用可能なツールを使用して、1時間以内にシンプルで読み取り専用のAPIを作成および展開する方法を示しています。大規模なバックエンドエクスペリエンスは必要ありません。 JavaScriptとNPMの基本的な理解で十分です。

このガイドは、RESTなどの一般的なAPI概念を分かり、GraphQLおよびサーバーレスアーキテクチャを導入します。すぐに利用できるツールを使用し、途中でそれらの目的を説明します。最後に、サーバー管理の頭痛のない展開APIがあります。

重要な概念：GraphQLおよびサーバーレス

APIには基本的にデータの読み取りと更新が含まれます。 REST APIはURLを使用してデータアクセスポイントを定義し、複雑なデータ取得の複数のリクエストが必要です。 GraphQLは、クライアントが単一のリクエストで必要な正確なデータを指定できるようにすることにより、効率を向上させます。データ関係はグラフとして表され、データフェッチを最適化します。

サーバーレスアーキテクチャは、サーバーの管理の必要性を排除します。消費されたリソースのみを支払い、展開とメンテナンスを簡素化します。このサーバーレス機能のNetlify機能を活用します。

貿易のツール

1. node.js and express： node.jsはサーバー側のJavaScriptの実行を許可し、Expressはルーティングやミドルウェアなどの機能でAPI開発を簡素化します。

2. Netlify Functions：機能の無料展開とスケーリングを提供するサーバーレスプラットフォーム。 Netlify Devは、ローカルテストを許可します。

プロジェクトのセットアップ

1. 新しいプロジェクトディレクトリを作成し、 npm initで初期化します。

2. 必要なパッケージのインストール： npm i express express-graphql graphql body-parser serverless-http netlify-cli -g

ファイル構造と構成

• netlify.toml ：構築と展開用のnetlifyを構成します。重要なことに、サーバーレス関数の位置を指定します。

 [建てる]
command = "npm run build"
publish = "build"
functions = "functions"

• /functions/api.jsコードが含まれています。

api.jsコードの内訳

1. 依存関係のインポート：

 const express = require（ "Express"）;
const bodyparser = require（ "body-parser"）;
const expressgraphql = require（ "express-graphql"）;
const serverless = require（ "serverless-http"）;
const {graphqlschema、graphqlobjecttype、graphqlstring} = require（ "graphql"）;

2. Expressおよびサーバーレスラッパーを初期化します：

 const app = express（）;
module.exports.handler = serverless（app）;

3. Express Middlewareを構成します：

 app.use（bodyparser.json（））;
app.use（ "/"、expressgraphql（{schema：schema、graphiql：true}））;

4. GraphQLスキーマを定義します。

 const schema = new graphqlschema（{
  クエリ：新しいgraphqlobjecttype（{
    名前：「Helloworld」、
    フィールド：（）=>（{
      メッセージ： {
        タイプ：GraphQlString、
        Resolve：（）=> "Hello World"、
      }、
    }）、
  }）、
}）;

ローカル開発とテスト

ターミナルでnetlify devを実行します。 http://localhost:8888/.netlify/functions/apiでGraphiqlの遊び場にアクセスします。 { message }を照会して、APIをテストします。

展開

自動展開のために、プロジェクトをNetlify（たとえば、github経由）に接続します。 Netlifyは、サーバーレス機能の構築と展開を処理します。

オプション：リダイレクトをリクエストします

プロジェクトルートに_redirectsファイルを作成して、 /apiからNetlify関数にリクエストをリダイレクトします。

 <code>/api /.netlify/functions/api 200!</code>

これにより、APIアクセスが簡素化されます。

結論

このチュートリアルは、サーバーレスGraphQL APIを簡単に構築および展開するための基盤を提供します。このアプローチはスケーラブルであり、必要に応じてより複雑なAPI開発を可能にします。より深いダイビングをGraphQLおよびサーバーレステクノロジーに調べることを忘れないでください。完全なソースコードは、Github（元の記事で提供されるリンク）で利用できます。

以上がExpressとNetlifyを使用してノードでサーバーレスGraphQL APIを構築するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。