由於一直以來都會需要做成本的控管與評估，比較少看到相關的討論，這次來分享一下我們團隊如何評估與降低成本的方式。 (以下的 $ 都是美金喔) CI/CD tool netlify 大家最推的就是 netlify 啦，一開始我們將 ci 都丟去 netlify 處理，無腦又有 pr preview url。不過其實 netlify 也不是吃素的，隨著團隊長大，pr 變多，測試變多，程式變 …

在 Verybuy 的第一個開源專案： GitHub — VeryBuy/react-native-tappay: Tappay SDK for react-native Tappay is a great payment service provider which provide many popular payment method. We want to write once and run…github.com 今天來聊聊這個專案背後的故事以及心酸血淚史，沒有太深奧的詞彙，大家就當故事看看吧。 三年前一開始決定要用 RN 開發 Verybuy App 之後，隨之而來的很大問題就是 payment，當時 Verybuy 已經在用 Tappay 了，但 Tappay 並沒有 react-native 的版本，當時我想說，先用 …

react-native@0.64 的升級帶來幾個重大更新，其中 Hermes Engine 終於更新了，其實早在一開始 react-native@0.60.1 時就已經支援 Android 了，我們團隊也躍躍欲試，不過當時因為不支援 Proxy Object(issue: Consider supporting Proxy #33)，因次就先 …

前陣子終於有時間把理想中的 PR-preview link 整合起來，算是在 CI/CD 的整合上一個蠻大的里程碑。💪💪💪 像這樣，在 Pull Request 發出來之後，會跑 unit-test, end-to-end test，接著 mimi 機器人會回覆一個 comment，提供 preview URL 給 reviewer 確認。 為何這很重要？ 以往的 …

用一個 S3 bucket 來 Host 多個子網域內容(with Lambda@Edge) 我希望在每個 pr build 都能自動建立一個環境來做測試。這樣我不需要為了要 code review 而要在 local 切換 branch，減少 switch 的成本。因此我又把腦筋動到 lambda@Edge 了，不需要維護機器就是爽。 PR build 我希望在每個 …

我們有個 SPA 網站是存放在 S3，直接用 Cloud Front 來 host，所以不需要任何 server。然而最近在調整 security header 時遇到了一些困難，記錄一下所遇到的狀況和解決辦法。 用 WebPageTest 測了一下看到 F 覺得看了很不爽😠😠😠

WebPageTest 前陣子多了一個 Security Score 的指標 因此我來研究一下這幾個 Security Header 。 Strict-Transport-Security: Strict-Transport-Security 強制要求 client 端發送的 request 要用 https。通常設置為： Strict-Transport-Security: max-age=31536000; includeSubDomains 意思是：在接下來的一年中，瀏覽器通過這個 domain 傳送 http 請求時必須使用 https，如果憑證無效，瀏覽器則會警告繼續存取網站的危險性。 X-Content-Type-Options X-Content-Type-Options 禁止 client 端進行 MIME sniff，防止 content-type 被竄改。通常設置為： x-content-type-options: nosniff

隨著 SPA(Single Page Application) 的盛行，越來越多服務用 SPA 來做網站，但 SPA 遇到很大的問題就是 SEO。如果用 SPA 來做動態網站，不用 SSR(Server Side Render) 就很難處理 SEO or Sharing 的問題。但用 SPA 要換成 SSR 的工其實是相對大很多的，而且 SSR …

目前已實作封鎖的瀏覽器： Safari 超嚴格，第三方 cookies 完全不能用，而且有一堆繞道的方法都已經被封鎖。 Firefox 預設阻擋黑名單的第三方追蹤程式碼 Edge 預設阻擋「沒拜訪過的網站」的追蹤程式碼 Chrome 宣布兩年之內會封鎖第三方 cookie 若要設定第三方可以存取 cookie，需要設定 sameSite=none，但兩年之後還是可能會無效。 (需注意 iOS <= 12 會不認識這個設定) 合法的使用方法： Storage Access API 可以存取第三方 cookie。但需要使用者互動（ex. 點擊按鈕），並按允許。 將造成的影響(每次都視為新的使用者) iOS safari 的新訪客變高。 retargeting 失效。 無法知道廣告的轉換成效。 機器人驗證每次都要驗證。 未來： 不要太依賴第三方廣告，自己打造自己的廣告情境。 W3C 正在邀請各大廣告公司討論與制定標準。