iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

NestJs 讀書筆記 系列

主要介紹在 NestJs 中使用 GraphQL,並搭配前端 VueJs 加上 VueApollo 搭建一個網站
NestJs 會以讀書筆記的方式來進行,主要會是官方範例教學以及踩過哪些坑

對這方面有研究的人,不仿進來給予一些建議,謝謝!

鐵人鍊成 | 共 31 篇文章 | 13 人訂閱 訂閱系列文 RSS系列文
DAY 21

實戰 - ToDo List

ToDo List 接下來會進入實戰篇從後端 API 設計到完成功能從前端 UI 切版到 API 對接完成 我選擇了一個大家應該都做到爛掉的主題 ToDo Li...

2020-10-05 ‧ 由 abc61958761 分享
DAY 22

實戰 - Schema 設計

Schema 設計 Schema 分為兩種一種是 Client 與 Service 溝通的介面,也就是 GraphQL Schema一種是資料庫儲存的格式 Gr...

2020-10-06 ‧ 由 abc61958761 分享
DAY 23

實戰 - 商業邏輯與資料庫

商業邏輯與資料庫 Schema 完成後就可以開始把邏輯部分補完這個主題也沒有太複雜的邏輯主要只是將資料寫入資料庫以及針對查詢參數查詢出正確的資料 Create...

2020-10-07 ‧ 由 abc61958761 分享
DAY 24

實戰 - 前端切版

切版 後端部分我們已經完成了接下來開始前端的切版所使用到的元件都是 Vuetify 的元件 以下是我做好的範例Task 會根據狀態分為 ToDo 以及 Done...

2020-10-08 ‧ 由 abc61958761 分享
DAY 25

實戰 - 前端實作篇

前端實作篇 我將 TodoTask 跟 DoneTask 個別獨立成 Component在由 Task.vue 引入 Component,以下便是 templa...

2020-10-09 ‧ 由 abc61958761 分享
DAY 26

NestJs 延伸篇 - Federation 介紹

Federation 介紹 前幾篇做了範例給大家看,不過距離30天還有一些時日,只好繼續往更深的區域來探討 在 NestJs 官網的 GraphQL 分類中有個...

2020-10-10 ‧ 由 abc61958761 分享
DAY 27

NestJs 延伸篇 - Federation 設定

Federation 設定 我們先讓 Task 可以跟 gateway 接上User 跟 Message 可以晚點跟上,因為做法都一樣 Task Service...

2020-10-11 ‧ 由 abc61958761 分享
DAY 28

NestJs 延伸篇 - Federation 實作

上一篇我們建立了 gateway ,也把 Task Service 安裝了 federation 的 dependency接著我們建立 User Service...

2020-10-12 ‧ 由 abc61958761 分享
DAY 29

NestJs 延伸篇 - Gateway 與 前端接通

Gateway 與 前端接通 最後我們來測試,由前端接 gateway 取得後端資料 我的 gateway port 是設定 4000 ,讀者們在實作時要注意一...

2020-10-13 ‧ 由 abc61958761 分享
DAY 30

總結

總結 如同標題所示,整個系列就是我的讀書筆記,雖然網路上也有很多前人的筆記,但是在看官網跟著實作時才發現好像問題不少,我是說我的問題。 為了讓想學習 NestJ...

2020-10-14 ‧ 由 abc61958761 分享