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

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

關鍵概念：GraphQL和無服務器

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

無服務器體系結構消除了管理服務器的需求。您只為消耗的資源付費，簡化部署和維護。我們將利用此無服務器功能來利用NetLify功能。

貿易工具

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

2. NETLIFY函數：無服務器平臺提供免費部署和范圍的功能縮放。 NetLify DEV允許本地測試。

項目設置

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

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

文件結構和配置

• netlify.toml ：配置netlify以構建和部署。至關重要的是，它指定了無服務器功能的位置：

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

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

api.js代碼分解

1. 導入依賴性：

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

2. 初始化Express和無服務器包裝器：

 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ā)展和測試

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

部署

將您的項目連接到NetLify（例如，通過GitHub）進行自動部署。 Netlify將處理構建和部署您的無服務器功能。

可選：請求重定向

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

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

這簡化了API訪問。

結論

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

以上是使用Express構建無服務器GraphQl API并NETLIFY的詳細內容。更多信息請關注PHP中文網其他相關文章！