Category: Technology

  • Firebase Authentication Remix SSR (React)

    Firebase Authentication Remix SSR (React)

    —

    by

    Gabriel JC
    in , , , ,

    原本以為 Firebase SDK 應該很直覺可以上手，但因為真是有些太豐富了，所以我研究了兩天終於處理好使用者驗證的部分，小小做個筆記，也希望可以幫助到需要的人類。 Reference: https://firebase.google.com/docs/auth/web/start、https://firebase.google.com/docs/auth/admin 結論 先說，因為 Firebase SDKs 真的很豐富，所以如果你是使用 SSR 如 Remix，真的需要點時間上手，我光是思考流程跟研究如何使用就兩天了，而且文件雖然有互相參照但還是不太清楚，以及網路上資訊相對比較少，感覺這個時間拿去學 Passport + JWT 都超夠用。 因為我是製作 SPA，主要會用 Firebase Web SDK 以及 Admin…

  • 三種取得免費 SSL/TLS 的方法 (Free SSL on Linux)

    —

    by

    Gabriel JC
    in , , ,

    SSL/TLS 絕對是自己架設伺服器或是網站會遇到的前幾個大問題，這篇文章整理三個我目前用過免費 SSL 的方法，使用 Apache 網頁伺服器為例。分別是直接上傳買的憑證 SSL/TLS key & crt & fullchain、snap Certbot / bncert-tool、Cloudflare 代理。 reference: https://docs.bitnami.com/aws/how-to/understand-bncert/、https://www.cloudflare.com/zh-tw/、https://certbot.eff.org SSL/TLS 絕對是自己架設伺服器或是網站會遇到的前幾個大問題，這篇文章整理三個我目前用過免費 SSL 的方法，使用 Apache 網頁伺服器為例。分別是直接上傳買的憑證 SSL/TLS…

  • Integrating Excalidraw with Remix React

    Integrating Excalidraw with Remix React

    —

    by

    Gabriel JC
    in , ,

    Excalidraw is a famous Client Side whiteboard tool to make you easy sketch with handwriting style, widely adopted by Developers and Designers. Reference: https://docs.excalidraw.com/docs、https://excalidraw.com、https://github.com/remix-run/remix/discussions/8877 What…

  • Resend 免費 SMTP 三分鐘內讓你的 APP 寄出 Email

    Resend 免費 SMTP 三分鐘內讓你的 APP 寄出 Email

    —

    by

    Gabriel JC
    in , , , ,

    Resend 是 YC 2023 的一個項目，他注重開發者體驗，讓程式開發及 Email API 合而為一，而且每個月提供 3,000（每日 100）封免費 Email！設定也非常簡單易懂。這篇會使用 Remix (React) 示範。 Reference: https://resend.com/、https://react.email Why Resend 這個真的是嚇爆，之前在思考我是否應該自架郵件伺服器，甚至去研究了 Postfix，結果不知道為什麼當初沒有找到的 Resend 重新出現在我眼前。 雖然主打程式開發，但其實一般人也能直接使用哦！就像其他的 SMTP 平台一樣。…

  • 部署流程自動化 GitHub CD w/ Flask & Deploy Keys

    部署流程自動化 GitHub CD w/ Flask & Deploy Keys

    —

    by

    Gabriel JC
    in , , ,

    每次寫完程式碼 Push 上 GitHub 後，就要手動部署一次（我是部署在 GCP），所以今天來處理 CD (Continuous Deployment) 的部分，使用 GitHub Webhhok 到我的 Server，使用 Flask 接收並執行 Bash Script。 Reference: https://docs.github.com/en/authentication/connecting-to-github-with-ssh/managing-deploy-keys#set-up-deploy-keys 簡單說明達成 CD 的邏輯 這篇適合已經熟悉 Nginx…

  • 直接從 Artifact Registry Pull Docker Hub

    直接從 Artifact Registry Pull Docker Hub

    —

    by

    Gabriel JC
    in , ,

    如果是沿著網路資訊學習 Container 跟 Docker 的話，應該有八成第一次 Push Image 就是到 Docker Hub，今天就要記錄從 Google Artifact Registry (GAR) 直接 Pull Docker Hub，雖然直接使用 gcloud CLI Push 到 GAR 也不慢就是了。 Reference:…

  • Deploy Docker Compose on Azure Failed

    Deploy Docker Compose on Azure Failed

    —

    by

    Gabriel JC
    in , , ,

    This is a relatively easy post to record the steps to deploy docker images with docker compose. Reference: Snap install Docker、Manage Docker as Non Root…

  • docker-compose 一次建立多個 Container

    docker-compose 一次建立多個 Container

    —

    by

    Gabriel JC
    in , , ,

    當一次運行多個 Container 時，這個 docker-compose 就派上用場了，他可以在一個文件中定義多個 container，不論是從當前的相對目錄裡面的 Dockerfile build image，還是直接從 repository pull image 然後放在一起跑。 定義你的 Dockerfile Dockerfile，建議在瀏覽前先知道設定單一 Container 怎麼做，看這篇：Docker container intro。 這個部分很簡單，但先有一個從你的程式資料夾複製到 image 資料夾的概念，你可以整包 COPY .…