天天看點

GraphQL 快速入門【2】環境設定如何使用 Nodejs 建構 GraphQL 伺服器

【注】本文節譯自:GraphQL - Quick Guide (tutorialspoint.com)

GraphQL 快速入門【2】環境設定如何使用 Nodejs 建構 GraphQL 伺服器

    在本章中,我們将學習 GraphQL 的環境設定。 要執行本教程中的示例,您将需要以下内容:

運作 Linux、macOS 或 Windows 的計算機。

網絡浏覽器,最好是最新版本的 Google Chrome。

安裝了最新版本的 Node.js。建議使用最新的 LTS 版本。

已安裝适用于 VSCode 的擴充 GraphQL 的 Visual Studio Code 或您選擇的任何代碼編輯器。

    我們将詳細介紹使用 Nodejs 建構 GraphQL 伺服器的步驟,如下所示:

    安裝 NodeJs 後,在終端上使用以下指令驗證 node 和 npm 的版本:

    按照以下說明使用 Visual Studio 代碼編輯器打開檔案夾:

    建立 package.json 檔案,該檔案将包含 GraphQL 伺服器應用程式的所有依賴項。

    使用下面給出的指令安裝依賴項:

    在這一步中,我們使用平面檔案來存儲和檢索資料。建立檔案夾 data 并添加兩個檔案 student.json 和 Colleges.json。

    以下是 Colleges.json 檔案:

    以下是 student.json 檔案:

    我們需要建立加載資料檔案夾内容的資料存儲。在這種情況下,我們需要集合變量、學生和大學。每當應用程式需要資料時,它就會使用這些集合變量。

    在項目檔案夾中建立檔案 db.js,如下所示:

    在目前項目檔案夾中建立模式檔案并添加以下内容:

    在目前項目檔案夾中建立解析器檔案并添加以下内容:

    建立伺服器檔案并按如下方式配置 GraphQL:

    驗證項目 test-app 的檔案夾結構如下:

    運作指令 npm start,如下所示:

    伺服器運作在 9000 端口,是以我們可以使用 GraphiQL 工具測試應用程式。打開浏覽器并輸入 URL http://localhost:9000/graphiql 。在編輯器中輸入以下查詢:

    來自伺服器的響應如下:

GraphQL 快速入門【2】環境設定如何使用 Nodejs 建構 GraphQL 伺服器