構(gòu)建API似乎令人生畏，但不一定是。本教程展示瞭如何在一個小時內(nèi)使用最小代碼和隨時可用的工具創(chuàng)建和部署一個簡單的，只讀的API。不需要豐富的後端經(jīng)驗；對JavaScript和NPM的基本了解就足夠了。

本指南揭示了諸如REST之類的常見API概念，並引入了GraphQL和無服務(wù)器體系結(jié)構(gòu)。我們將使用易於可用的工具，並在此過程中解釋其目的。最後，您將擁有一個沒有服務(wù)器管理頭痛的API。

關(guān)鍵概念：GraphQL和無服務(wù)器

API從根本上涉及閱讀和更新數(shù)據(jù)。 REST API使用URL來定義數(shù)據(jù)訪問點(diǎn)，需要多個複雜數(shù)據(jù)檢索的請求。 GraphQL通過允許客戶指定單個請求中所需的確切數(shù)據(jù)來提高效率。數(shù)據(jù)關(guān)係表示為圖形，優(yōu)化數(shù)據(jù)獲取。

無服務(wù)器體系結(jié)構(gòu)消除了管理服務(wù)器的需求。您只為消耗的資源付費(fèi)，簡化部署和維護(hù)。我們將利用此無服務(wù)器功能來利用NetLify功能。

貿(mào)易工具

1. node.js and express： node.js允許服務(wù)器端JavaScript執(zhí)行，而Express則簡化了API開發(fā)，其功能諸如路由和中間件之類的功能。

2. NETLIFY函數(shù)：無服務(wù)器平臺提供免費(fèi)部署和範(fàn)圍的功能縮放。 NetLify DEV允許本地測試。

項目設(shè)置

1. 創(chuàng)建一個新的項目目錄並使用npm init初始化。

2. 安裝必要的軟件包： npm i express express-graphql graphql body-parser serverless-http netlify-cli -g

文件結(jié)構(gòu)和配置

• netlify.toml ：配置netlify以構(gòu)建和部署。至關(guān)重要的是，它指定了無服務(wù)器功能的位置：

 [建造]
命令=“ npm run構(gòu)建”
發(fā)布=“構(gòu)建”
功能=“功能”

• /functions/api.js ：包含API代碼。

api.js代碼分解

1. 導(dǎo)入依賴性：

 const express = require（“ express”）;
const bodyparser = require（“ Body-Parser”）;
const expressGraphQl = require（“ express-graphql”）;
const serverless = require（“無服務(wù)器-HTTP”）;
const {graphQlSchema，graphqlobjectType，graphqlString} = require（“ graphql”）;

2. 初始化Express和無服務(wù)器包裝器：

 const app = express（）;
Module.exports.handler = Serverless（App）;

3. 配置Express中間件：

 app.use（bodyparser.json（））;
app.use（“/”，ExpressGraphQl（{schema：schema：graphiql：true}））;

4. 定義GraphQL模式：

 const schema = new GraphQlSchema（{{
  查詢：新graphqlobjectType（{{
    名稱：“ Helloworld”，
    字段：（）=>（{
      訊息: {
        類型：GraphQlString，
        分辨率：（）=>“ Hello World”，
      }，，
    }），
  }），
}）;

本地發(fā)展和測試

在您的終端中運(yùn)行netlify dev 。訪問http://localhost:8888/.netlify/functions/api GraphIQL操場。通過查詢{ message }來測試您的API。

部署

將您的項目連接到NetLify（例如，通過GitHub）進(jìn)行自動部署。 Netlify將處理構(gòu)建和部署您的無服務(wù)器功能。

可選：請求重定向

在您的項目root中創(chuàng)建一個_redirects文件，以將請求從/api重定向到NetLify函數(shù)：

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

這簡化了API訪問。

結(jié)論

本教程為構(gòu)建和部署無服務(wù)器GraphQl API的基礎(chǔ)提供了基礎(chǔ)。該方法是可擴(kuò)展的，可以根據(jù)需要進(jìn)行更複雜的API開發(fā)。請記住要探索鏈接的資源，以深入研究GraphQL和無服務(wù)器技術(shù)。完整的源代碼可在GitHub上找到（原始文章中提供的鏈接）。

以上是使用Express構(gòu)建無服務(wù)器GraphQl API並NETLIFY的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！