iT邦幫忙

2022鐵人賽相關文章
共有 104 則文章
鐵人賽 Modern Web DAY 24
Fastify 101 系列 第 24

技術 [Fastify] Day24 - Upload File to Object Storage (MinIO)

大家好,我是 Yubin 這篇文章會跟大家介紹如何實作上傳檔案到 Object Storage。並在本地端建立相應的開發環境,使用的 Object Storag...

達標好文 技術 [整理向]2022 iThome 鐵人賽網頁開發小小地圖.fin

 以下整理大多主題為Modern Web,歡迎留言debug 2022 iThome 鐵人賽網頁開發小小地圖 前端三本柱 從0開始系列 【每天5分鐘...

鐵人賽 DevOps DAY 14

技術 D14 - Vue with NGINX

想起之前,我偶爾也協助佈署前端網站,佈署前端的其中一個基本作法,是在 Server 上安裝 NGINX,並指向前端建置的 dist/ 資料夾, 既然我們目前也學...

鐵人賽 DevOps DAY 3

技術 D3 - Docker Image ft. node image 差異

今天我們來深入做點研究, 以前就發現,一項官方的 docker image,總是會有很多不同的 image 版本,其中有什麼差異,一直都沒有仔細研究,今天就讓我...

技術 2022 鐵人賽|Day2 【JavaScript】取整數

附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 在自我介紹時有提到,目前筆者正透過兩種管道在學習前端語言,...

鐵人賽 DevOps DAY 19

技術 D19 - 建立 Image manifest

昨天研究了 Image Manifest 的概念,提到了通常官方的 Docker Image 都有 Manifest、並提供多種架構的 image, 那既然官方...

鐵人賽 DevOps DAY 15

技術 D15 - NGINX-Certbot Image

我們在 D13 - NGINX Image 時介紹了 NGINX 的基本用法, 假設我們的 API 開發完成,Domain 跟 DNS 也處理好了,NGINX...

鐵人賽 Modern Web DAY 16
Fastify 101 系列 第 16

技術 [Fastify] Day16 - Content-Type Parser

大家好 我是 Yubin 當有一個 request 進來的時候,要如何去解析 (Parsing) 他帶過來的 Payload,會利用到 ContentTypeP...

鐵人賽 Modern Web DAY 27
Fastify 101 系列 第 27

技術 [Fastify] Day27 - 網站整合 Keycloak 登入 (fastify-keycloak-adapter)

大家好,我是 Yubin 本篇文章會介紹什麼是 Keycloak,一步一步在本地端把 Keycloak 伺服器打起來,並使用 fastify-keycloak-...

鐵人賽 DevOps DAY 18

技術 D18 - 不同的 CPU 架構 與 Image manifest

我在前陣子開發專案的過程中,才發現了原來不同 CPU 架構的電腦,會需要使用不同的 Docker Image, 仔細想想也是合理,Docker 是跑在 OS 之...

鐵人賽 DevOps DAY 27

技術 D27 - Fluentd

今天要來研究 Fluentd 這一套工具, 在我打聽時,有前輩跟我推薦了 Fluentd,說是業界很常用的 Docker Log 收集工具,同時在昨天分享的文章...

鐵人賽 Modern Web DAY 10
Fastify 101 系列 第 10

技術 [Fastify] Day10 - Lifecycle

大家好,我是 Yubin 這篇文章講 Fastify 的生命週期,搭配 Fastify Hook 可以在各個階段做不同的動作。 Lifecycle Reques...

鐵人賽 Modern Web DAY 4
Fastify 101 系列 第 4

技術 [Fastify] Day04 - Fastify-CLI

大家好,我是 Yubin 本篇介紹利用 Fastify 官方團隊的 CLI 工具: Fastify-CLI 來快速建立 Fastify 專案 安裝 npm i...

鐵人賽 Modern Web DAY 23
Fastify 101 系列 第 23

技術 [Fastify] Day23 - Upload File

大家好,我是 Yubin 在網頁的應用上,常常會需要上傳的功能,上傳文件上傳圖片等。本篇文章來介紹在 Fastify App 開發上,使用 Fastify-Mu...

鐵人賽 Modern Web DAY 22
Fastify 101 系列 第 22

技術 [Fastify] Day22 - Testcontainers

大家好,我是 Yubin 這篇文章會跟大家介紹什麼是 Testcontainers,以及使用 vitest 這個測試框架實際整合 testcontainers...

鐵人賽 Modern Web DAY 17
Fastify 101 系列 第 17

技術 [Fastify] Day17 - Validation and Serialization with Typebox

大家好 我是 Yubin 當一個 Request 進來,在進入 route handler 之前,他的 Payload 應該要被經過驗證 (Validation...

鐵人賽 Modern Web DAY 9
Fastify 101 系列 第 9

技術 [Fastify] Day09 - Hook

大家好,我是 Yubin 這篇文章會講 Fastify 的 Hook,可以監聽特定的事件,在事件觸發前呼叫自己想要的處理函式。 本文中的 server 指的...

鐵人賽 Modern Web DAY 13
Fastify 101 系列 第 13

技術 [Fastify] Day13 - Decorator

大家好,我是 Yubin 透過 Decorator API,可以讓開發者自訂 Fastify 的核心物件,包括 FastifyInstance, Fastify...

鐵人賽 Modern Web DAY 26
Fastify 101 系列 第 26

技術 [Fastify] Day26 - 前後端整合 React and Fastify-Static

大家好,我是 Yubin 這篇文章會介紹如何將 Fastify 作為後端,並整合前端網頁,由 Fastify App 作為前端網頁的 Host,實現 Full...

鐵人賽 Modern Web DAY 12
Fastify 101 系列 第 12

技術 [Fastify] Day12 - FastifyReply

大家好,我是 Yubin 在定義 route handler 的時候,第一個參數傳入的是 FastifyRequest,第二個參數是 FastifyReply,...

鐵人賽 Modern Web DAY 11
Fastify 101 系列 第 11

技術 [Fastify] Day11 - FastifyRequest

大家好,我是 Yubin 在定義 route 的時候,我們會需要定義那個 route 的 hander。而 handler 的第一個參數,就是 FastifyR...

鐵人賽 Modern Web DAY 6
Fastify 101 系列 第 6

技術 [Fastify] Day06 - Route

大家好,我是 Yubin 我們在開發網頁後端的時候,常常會需要定義一些 API。本篇講一下透過 Fastify 的 Route 來定義 API Endpoint...

鐵人賽 Modern Web DAY 20
Fastify 101 系列 第 20

技術 [Fastify] Day20 - Mongoose

大家好,我是 Yubin 今天來跟大家介紹一個非常熱門的 MongoDB Driver,Mongoose。 Fastify 對於 Database 的支援非常...

鐵人賽 Modern Web DAY 5
Fastify 101 系列 第 5

技術 [Fastify] Day05 - HTTP Header

大家好,我是 Yubin 本篇文章會介紹 HTTP Header 的基本知識,以及透過 Fastify 要如何控制 HTTP Header。 當我們定義了一個像...

鐵人賽 DevOps DAY 13

技術 D13 - NGINX Image

NGINX 是個在業界廣泛使用的 Web Server,也稱為 Reverse Proxy,用途是把進入 Server 的 Request 導向給指定的服務來處...

鐵人賽 Modern Web DAY 28
Fastify 101 系列 第 28

技術 [Fastify] Day28 - Containerization (Dockerfile)

大家好,我是 Yubin 這邊文章將介紹把 Fastify App 包成 Image 的方法與注意事項。 前情提要 假設我們手上有一個 Fastify 的專案...

鐵人賽 Modern Web DAY 3
Fastify 101 系列 第 3

技術 [Fastify] Day03 - Hello World

大家好,我是 Yubin 本篇文章會利用 Fastify 建立一個 Hello World 專案 npm npm, Node Package Manager,是...

鐵人賽 Modern Web DAY 8
Fastify 101 系列 第 8

技術 [Fastify] Day08 - Fastify Server Methods

大家好,我是 Yubin 這篇文章要講的是 FastifyInstance 中定義的幾個重要 method。 大部分是用來設定伺服器的行為,以及註冊 plugi...

鐵人賽 Modern Web DAY 14
Fastify 101 系列 第 14

技術 [Fastify] Day14 - Plugin

大家好,我是 Yubin 在 Fastify 的世界中,我們可以透過 Plugins 來擴充許多功能。這篇文章跟大家介紹 Plugin 這個東西。 Plugi...

鐵人賽 Modern Web DAY 21
Fastify 101 系列 第 21

技術 [Fastify] Day21 - Cache with Redis

大家好,我是 Yubin 這篇文章跟大家介紹在開發後端網路應用程式的時候,非常重要的環節,快取 (Cache)。 Cache Cache 快取是什麼? 想像一...