iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 5288 瀏覽

鐵人賽 Modern Web DAY 24

Fastify 101 系列第 24 篇

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

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

Yubin ‧ 2022-10-09

10 Like 4 留言 4647 瀏覽

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

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

前端小小咖 ‧ 2022-08-08

0 Like 0 留言 3523 瀏覽

鐵人賽 DevOps DAY 14

其實沒有那麼難 — Docker 系列第 14 篇

技術 D14 - Vue with NGINX

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

Louis ‧ 2022-09-29 ‧團隊好想工作室 v6.0

0 Like 0 留言 3423 瀏覽

鐵人賽 DevOps DAY 3

其實沒有那麼難 — Docker 系列第 3 篇

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

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

Louis ‧ 2022-09-18 ‧團隊好想工作室 v6.0

1 Like 1 留言 3234 瀏覽

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

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

Kim ‧ 2022-09-17

0 Like 1 留言 2940 瀏覽

鐵人賽 Modern Web DAY 27

Fastify 101 系列第 27 篇

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

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

Yubin ‧ 2022-10-12

0 Like 0 留言 2938 瀏覽

鐵人賽 DevOps DAY 19

其實沒有那麼難 — Docker 系列第 19 篇

技術 D19 - 建立 Image manifest

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

Louis ‧ 2022-10-04 ‧團隊好想工作室 v6.0

0 Like 0 留言 2857 瀏覽

鐵人賽 Modern Web DAY 16

Fastify 101 系列第 16 篇

技術 [Fastify] Day16 - Content-Type Parser

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

Yubin ‧ 2022-10-01

0 Like 0 留言 2847 瀏覽

鐵人賽 DevOps DAY 15

其實沒有那麼難 — Docker 系列第 15 篇

技術 D15 - NGINX-Certbot Image

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

Louis ‧ 2022-09-30 ‧團隊好想工作室 v6.0

0 Like 0 留言 2729 瀏覽

鐵人賽 DevOps DAY 18

其實沒有那麼難 — Docker 系列第 18 篇

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

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

Louis ‧ 2022-10-03 ‧團隊好想工作室 v6.0

1 Like 0 留言 2634 瀏覽

鐵人賽 DevOps DAY 27

其實沒有那麼難 — Docker 系列第 27 篇

技術 D27 - Fluentd

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

Louis ‧ 2022-10-12 ‧團隊好想工作室 v6.0

0 Like 0 留言 2395 瀏覽

鐵人賽 Modern Web DAY 10

Fastify 101 系列第 10 篇

技術 [Fastify] Day10 - Lifecycle

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

Yubin ‧ 2022-09-25

0 Like 0 留言 2303 瀏覽

鐵人賽 Modern Web DAY 4

Fastify 101 系列第 4 篇

技術 [Fastify] Day04 - Fastify-CLI

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

Yubin ‧ 2022-09-19

0 Like 0 留言 2190 瀏覽

鐵人賽 Modern Web DAY 22

Fastify 101 系列第 22 篇

技術 [Fastify] Day22 - Testcontainers

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

Yubin ‧ 2022-10-07

0 Like 0 留言 2186 瀏覽

鐵人賽 Modern Web DAY 23

Fastify 101 系列第 23 篇

技術 [Fastify] Day23 - Upload File

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

Yubin ‧ 2022-10-08

0 Like 0 留言 2125 瀏覽

鐵人賽 Modern Web DAY 17

Fastify 101 系列第 17 篇

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

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

Yubin ‧ 2022-10-02

0 Like 0 留言 2092 瀏覽

鐵人賽 Modern Web DAY 13

Fastify 101 系列第 13 篇

技術 [Fastify] Day13 - Decorator

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

Yubin ‧ 2022-09-28

0 Like 0 留言 2082 瀏覽

鐵人賽 Modern Web DAY 26

Fastify 101 系列第 26 篇

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

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

Yubin ‧ 2022-10-11

0 Like 0 留言 2080 瀏覽

鐵人賽 Modern Web DAY 12

Fastify 101 系列第 12 篇

技術 [Fastify] Day12 - FastifyReply

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

Yubin ‧ 2022-09-27

0 Like 0 留言 2077 瀏覽

鐵人賽 Modern Web DAY 9

Fastify 101 系列第 9 篇

技術 [Fastify] Day09 - Hook

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

Yubin ‧ 2022-09-24

0 Like 0 留言 2057 瀏覽

鐵人賽 Modern Web DAY 28

Fastify 101 系列第 28 篇

技術 [Fastify] Day28 - Containerization (Dockerfile)

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

Yubin ‧ 2022-10-13

0 Like 0 留言 2032 瀏覽

鐵人賽 Modern Web DAY 11

Fastify 101 系列第 11 篇

技術 [Fastify] Day11 - FastifyRequest

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

Yubin ‧ 2022-09-26

0 Like 0 留言 1995 瀏覽

鐵人賽 Modern Web DAY 20

Fastify 101 系列第 20 篇

技術 [Fastify] Day20 - Mongoose

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

Yubin ‧ 2022-10-05

0 Like 0 留言 1986 瀏覽

鐵人賽 Modern Web DAY 5

Fastify 101 系列第 5 篇

技術 [Fastify] Day05 - HTTP Header

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

Yubin ‧ 2022-09-20

0 Like 0 留言 1984 瀏覽

鐵人賽 Modern Web DAY 6

Fastify 101 系列第 6 篇

技術 [Fastify] Day06 - Route

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

Yubin ‧ 2022-09-21

0 Like 0 留言 1950 瀏覽

鐵人賽 DevOps DAY 13

其實沒有那麼難 — Docker 系列第 13 篇

技術 D13 - NGINX Image

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

Louis ‧ 2022-09-28 ‧團隊好想工作室 v6.0

0 Like 0 留言 1948 瀏覽

鐵人賽 Modern Web DAY 8

Fastify 101 系列第 8 篇

技術 [Fastify] Day08 - Fastify Server Methods

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

Yubin ‧ 2022-09-23

0 Like 0 留言 1931 瀏覽

鐵人賽 Modern Web DAY 3

Fastify 101 系列第 3 篇

技術 [Fastify] Day03 - Hello World

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

Yubin ‧ 2022-09-18

0 Like 0 留言 1899 瀏覽

鐵人賽 Modern Web DAY 2

Fastify 101 系列第 2 篇

技術 [Fastify] Day02 - 開發環境準備

大家好，我是 Yubin 這邊講的是開發 Fastify 應用程式需要準備及建議準備的程式或工具。 NodeJS Node 是一個開源且跨平台的 JavaScr...

Yubin ‧ 2022-09-17

0 Like 0 留言 1898 瀏覽

鐵人賽 Modern Web DAY 21

Fastify 101 系列第 21 篇

技術 [Fastify] Day21 - Cache with Redis

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

Yubin ‧ 2022-10-06