Web

Fetch API 沒有傳送 cookies

Web
25 May, 2022

最近遇到一個案例，用戶明明有登入，但是打 API 時，卻因為沒有登入而噴錯。在追查 HTTP Request/Response 時，眼尖的同事發現 Request Headers 根本沒有帶上 cookies，所以伺服器因為沒有 session 登入的資訊，所以才會當成 Client 端還沒登入。但奇怪的是 Client 端的網頁明明就是登入狀態。還有另一個線索是用戶的 Chrome 瀏覽器是

Chrome, AWS S3 and CORS

Web
20 Jun, 2021

前陣子與公司的其他夥伴一起找出了偶發的 CORS 原因，紀錄一下如果一個網站內有包含對同一個 URL 的載入，但是有兩種方式，一種是從 HTML document 載入，另一種是用 xhr 存取，並且 Chome 有開啟 cache，就有可能會遇到。重現問題例如下面這個簡單的範例，用兩種方式從 AWS cloudfont 抓取圖片，CDN 的來源是 AWS S3

玩玩看 Spotify 的 Authorization Code Flow with PKCE

Web
20 Sep, 2020

看到 Spotify 有支援另外一種 Authorization Code Flow，叫做 Authorization Code Flow with Proof Key for Code Exchange (PKCE)，來玩玩看 Authorization Code Flow with PKCE 跟 Authorization Code Flow 的差異在於。為了怕使用者的 code 被中間人竊

玩玩看 KKBOX 與 Spotify 的 OAuth 2.0

Web
19 Sep, 2020

心血來潮想玩看看 KKBOX 的 Open API，也一起測試了 Spotify 的部分。這次主要是試試看 OAuth 2.0 Authorization Code Flow 的授權流程，過程都是利用 Postman 來操作。 <LinkCard url="https://developer.spotify.com/documentation/general/guides/authoriza