主要介紹在 NestJs 中使用 GraphQL,並搭配前端 VueJs 加上 VueApollo 搭建一個網站
NestJs 會以讀書筆記的方式來進行,主要會是官方範例教學以及踩過哪些坑
對這方面有研究的人,不仿進來給予一些建議,謝謝!
ToDo List 接下來會進入實戰篇從後端 API 設計到完成功能從前端 UI 切版到 API 對接完成 我選擇了一個大家應該都做到爛掉的主題 ToDo Li...
Schema 設計 Schema 分為兩種一種是 Client 與 Service 溝通的介面,也就是 GraphQL Schema一種是資料庫儲存的格式 Gr...
商業邏輯與資料庫 Schema 完成後就可以開始把邏輯部分補完這個主題也沒有太複雜的邏輯主要只是將資料寫入資料庫以及針對查詢參數查詢出正確的資料 Create...
切版 後端部分我們已經完成了接下來開始前端的切版所使用到的元件都是 Vuetify 的元件 以下是我做好的範例Task 會根據狀態分為 ToDo 以及 Done...
前端實作篇 我將 TodoTask 跟 DoneTask 個別獨立成 Component在由 Task.vue 引入 Component,以下便是 templa...
Federation 介紹 前幾篇做了範例給大家看,不過距離30天還有一些時日,只好繼續往更深的區域來探討 在 NestJs 官網的 GraphQL 分類中有個...
Federation 設定 我們先讓 Task 可以跟 gateway 接上User 跟 Message 可以晚點跟上,因為做法都一樣 Task Service...
上一篇我們建立了 gateway ,也把 Task Service 安裝了 federation 的 dependency接著我們建立 User Service...
Gateway 與 前端接通 最後我們來測試,由前端接 gateway 取得後端資料 我的 gateway port 是設定 4000 ,讀者們在實作時要注意一...
總結 如同標題所示,整個系列就是我的讀書筆記,雖然網路上也有很多前人的筆記,但是在看官網跟著實作時才發現好像問題不少,我是說我的問題。 為了讓想學習 NestJ...