你是否有用 Line、Skype、Zoom 或 WhatsApp 跟人講過電話？ 那其實不是傳統「打電話」，而是透過網路電話技術（VoIP 完成的。 VoIP（Voice over Internet...

在過去，想要建立一個 Web API 或後端功能，通常需要租一台伺服器、設定作業系統、部署應用程式，甚至還得處理流量擴展與安全性問題。 但現在，有了 Cloudflare Workers，這一切都變得...

在開發 Web 應用程式或 API 時，有時你會需要知道用戶的 真實 IP 位址，例如： 做日誌紀錄（Logging） 限制某些地區存取 防止 DDoS 或濫用攻擊 建立地理位置分析 但在現代 Web...

當你在前端開發中送出表單資料、或是使用 fetch()、axios 發送 POST 請求時，你正在與伺服器交換資料。 而為了讓伺服器知道「你送的資料是什麼格式」，HTTP 標頭（Header）中的 C...

GraphQL 不只有查詢資料（Query），也可以新增、更新、刪除資料（Mutation）。 在前端使用 Apollo Client 時，useMutation 就是我們操作伺服器資料的主力工具。...

在學習 GraphQL 的初期，我們常常會直接把參數值寫在查詢語法中，例如： query { getUser(id: “123”) { name email...

在使用 GraphQL 查詢資料時，我們經常會看到查詢語法中出現多個名稱，像是： query GetUser($id: ID!) { user(id: $id) { id name...

在開發使用 GraphQL 的應用時，了解後端的 Schema 結構是非常重要的第一步。 GraphQL Schema 定義了有哪些資料可以查詢（Query）、可以修改（Mutation），以及這些資...

當你開始在 React 中使用 Apollo Client 整合 GraphQL，最常遇到的第一個需求就是「從後端拿資料」。 這時候，Apollo 提供的 useQuery hook 就是你最好的工具...