CK's Notepad

ASP.NET Core 有提供身分認證 管理的功能，叫做 Identity，此外也有提供多種的驗證方式，但許多時候因為建立專案時就已經有包含進去了，通常很容易忽略如何從無到有的新增步驟，此篇文章特意整理相關的資訊

Angular 內要測試 Observable 的方式有很多種，但有一種東西很難測，就是當遇到控制時間相關的 operators 出現時，測試就變得很有趣了。這篇文章整理一下如何測試這一類的 observable

Angular TestBed 是 Angular 團隊提供用來設定測試環境的方法，TestBed 可以讓我們用最簡單的方式設定好一個測試用的 NgModule，除了常見的幾個方法外，還提供一系列的 override 的方法，但是卻沒有相關的文件說明，所以這篇文章就是來解釋如何使用 override 方法

ZOOM 是一套很好用的線上開會工具，透過月租的服務，可享用一場 100 人可以同時間線上開會，這也是我每周三主持 Angular 線上讀書會的主要工具

有人問我說，能不能將 OBS 的直播畫面輸出給 ZOOM 使用，因為他想要利用 OBS 的畫面編排功能及背景去背，讓自己的視訊畫面能和桌面融為一體，所以才有這篇文章的產生

Firebase 存在於這世上已經有幾年的時間了，後來有併入到 Google 的旗下。而這一年來 Firebase 的功能與服務，不論是威力或是廣度都遠比剛出道時，來的強大許多。

這一次透過寫一個 side project 來重新探索 Firebase 的威力

RxJS 6 提供了更便利的 import 方式，而且套件檔案變小，也可以被 tree-shaking. 但是要如何快速地將 RxJS 5.x 版升級到 RxJS 6 版 ? 以下是升級步驟

Angular 6 將 tree-shaking 觸手擴大到 provider 了，提供了新的設定方法讓 service 也可以被 tree-shaking 掉了，這對於最後產生出來的 bundle 檔案大小，會有很大的幫助。

什麼是 Capacitor ? Capacitor 是 Ionic 團隊所開發出來的新開發框架，再次證明他們的野心

Capacitor is a cross-platform app runtime that makes it easy to build web apps that run natively on iOS, Android, Electron, and the web. We call these apps 「Native Progressive Web Apps」 and they represent the next evolution beyond Hybrid apps.

但是否如他們所說的那麼強大呢? 一定要動手玩看看才知道

沒錯，又是另外一套 State management 工具，這套叫做 NGXS ，為什麼會想嘗試這一套呢? 主要是他的語法與 Angular 現有的寫法及運作方式幾乎是一樣的，學習門檻變得很低，而且，重點是要產生的檔案變得非常的少!!

上一篇介紹了如何安裝 Blazor 範本，這一篇就來分享基本的 Blazor 的檔案及語法結構