從 Angular 14 開始，全新架構獨立元件(Standalone Component)騰空出世，帶給 Angular 開發者一個全新感受，用更簡潔的程式碼、更清晰的架構，幫助開發人員架構元件與管理元件之間的依賴關係。而從 Angular 15.2.0 開始，更提供了一個 Schematics (程式碼產生器與編修工具) 可以幫助你快速移轉傳統元件為獨立元件，甚至於可以連同 AppComponent 也一併轉換成獨立元件，讓整個 Angular 應用程式都變成以獨立元件為主。這篇文章我來說說這套工具的使用方式！
... 繼續閱讀 ...
我前陣子在研究 LINE Login 使用的 ES256 非對稱加密演算法，當我透過 OpenId Connect 拿到 ID Token 後，我想拿 LINE Login 提供的 JWKs 金鑰組來驗證其有效性，這篇文章我打算分享如何用 C# 搭配 LINE Login 提供的 JWKs 金鑰組來驗證其有效性！
... 繼續閱讀 ...
要透過 Google Cloud Platform (GCP) 的 OAuth 2.0 Client IDs 存取任何 Google 雲端服務，除了要走過 OAuth 2.0 的授權流程外，每個服務都需要事先啟用才能使用。除此之外，你還需要設定 CONSENT SCREEN 才行，這篇文章我打算來解說第一次設定 Google 服務與 OAuth 2.0 Client IDs 的注意事項。
... 繼續閱讀 ...
我們漸漸在不同專案中嘗試 Monorepo 架構，讓前後端分離的專案中可以共用同一個 Repo 來進行專案開發與管理。今天這篇文章我就簡單分享如何利用 Angular CLI 與 .NET CLI 來快速打造一個 Monorepo 的專案。
... 繼續閱讀 ...
其實我們在透過 dotnet publish 發行 ASP․NET Core 網站時，預設都會自動發佈一個 web.config 檔案，但是事實上這個檔案跟 Kestrel 完全沒關係，這個檔案主要是給 IIS 看的，當你想部署 ASP․NET Core 到 IIS 的時候，就一定需要這個檔案。今天這篇文章我就來說說，如何在執行 dotnet publish 命令的時候，自動調整 ASP․NET Core 部署到 IIS 的 web.config 內容。
... 繼續閱讀 ...
我們在 Azure Pipelines 設定變數(Variables)的時候，預設所有變數都會成為每個 Steps 中的預設環境變數，可以直接透過環境變數取用該變數。不過，當你把變數加上鎖頭(Lock)變成了「安全變數」的話，預設環境變數就看不到了，這時該怎麼辦呢？這篇文章告訴你！
... 繼續閱讀 ...
我的 Visual Studio Code 有個歷史包袱，就是「擴充套件」裝太多了，超過 250 個之多，而且很難移除。因為我啟用了 Visual Studio Code 的「設定同步」功能，他會幫我在多台電腦之間自動同步所有使用者設定、自訂快速鍵定義、擴充套件、設定檔(Profile)等等。我花了好些力氣才找到可以刪除雲端備份的方法，這篇文章就來說說這個清空雲端資料的過程。
... 繼續閱讀 ...
要將 Node.js 網站部署到 Azure Web App (Windows) 其實有點竅門，一般不熟悉 Windows / IIS 的開發人員要想把手邊的 Node.js 部署到 Azure Web App 通常都會卡關卡好久。這篇文章我就來說說我是如何將我最近翻譯的提示工程指南網站部署到 Azure Web App 的，而這是一個用 Next.js 開發的網站！
... 繼續閱讀 ...
我手邊有個 Next.js 的應用程式，在設定 GitHub Action 的 CI/CD 自動部署到 Azure Web App 的過程，在 CI 的 actions/upload-artifact@v2 這個步驟花費了超級大量的時間上傳 node_modules 資料夾中的檔案，實在是太沒效率了。因此我改在上傳前壓縮整個目錄，結果整體 CI/CD 的時間直接從 26m 34s 降到 8m 58s 之多，部署效率大幅提升。今天這篇文章我就來說說我的寫法。
... 繼續閱讀 ...