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

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

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

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

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

貿(mào)易のツール

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

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

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

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

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

ファイル構(gòu)造と構(gòu)成

• netlify.toml ：構(gòu)築と展開用のnetlifyを構(gòu)成します。重要なことに、サーバーレス関數(shù)の位置を指定します。

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

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

api.jsコードの內(nèi)訳

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を構(gòu)成します：

 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を?qū)g行します。 http://localhost:8888/.netlify/functions/apiでGraphiqlの遊び場にアクセスします。 { message }を照會して、APIをテストします。

展開

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

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

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

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

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

結(jié)論

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

以上がExpressとNetlifyを使用してノードでサーバーレスGraphQL APIを構(gòu)築するの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。