2FA 雙重驗證 URL格式2FA URL 格式如下方。透由 Scheme、Type、Label、Parameters 組成。 1otpauth://TYPE/LABEL?PARAMETERS 一、Schemeotpauth 期初由Google提出，用於將帳號與雙重驗證綁定，大多驗證格式都會用optauth，例如Google、Microsoft 等等。 二、TypeType 代表驗證類型，目前有兩種驗證類型，分別為 HOTP 與 TOTP。 HOTPHOTP 是基於 HMAC-based One-Time Password Algorithm，是一種基於 HMAC 的一次性密碼演算法，主要是透過一個密鑰與計數器產生一個一次性密碼，並且透過驗證計數器是否一致來驗證是否正確。 參考文件 -> 基於雜湊訊息驗證碼的一次性密碼演算法 TOTPTOTP 是基於 Time-based One-Time Password Algorithm，是一種基於時間的一次性密碼演算法，主要是透過一個密鑰與時間產生一個一次性密碼，並且透過驗證時間是否一致來驗證是否正確。 參考文件 -> 基於 ...

前言近期沒有特別技術性的文章，這次就來介紹一下2FA驗證的使用方式。 2FA驗證雙重要素驗證 (2FA) 是一種身分識別和存取權管理方法，它會要求您提供兩種形式的身分識別，才會讓您存取資源和資料。企業可以透過 2FA 進行監控，並協助保護其最容易受到攻擊的資訊和網路。 終端機QrCode這篇就推薦以下工具，可以快速產生QRCODE。 qrcode-terminal qrenco.de 本文會使用 qrenco.de 來產生QRCODE，使用方式如下。將要輸入的文字放在”/“後面即可。 1curl qrenco.de/qrcode123 製作方式這邊製作方向會需要使用到Otp.NET。 1. 安裝套件1dotnet add package Otp.NET --version 1.3.0 2. 加入Process設定備註 : C# 若要使用終端機指令必須要加入Process設定才可以使用。下面範例其實還可以再簡化，若有興趣歡迎修改。 1234567891011121314151617ProcessStartInfo startInfo = new ProcessStar ...

前言近期太多事情沒有時間創建、撰寫文件，分享近期為甚麼開始使用 VSC ( Visual Studio Code ) 原因。對於剛進去軟體公司的新人都會安裝環境，通常會用到VS 開發工具進行撰寫，衍生舊版本與新版本使用差異以及便捷度。如果使用環境使用CLI創建可能帶來一些便捷，這當然不是主要原因。 VSC 不是開發軟體需要畫區分，他的優勢上帶來不少。例如: 輕量、執行、快捷鍵、豐富外掛等，減少安裝時間。 使用VSC不論是 VS2019、VS2022之類都很清楚有所謂版本，只要開發版本有落差就會需要學習時間。本章節會使用.net5.0。 創建專案打開 VSC 輸入命令字元視窗 (快捷鍵 : ctrl+ ` )。因為要使用 net5.0 所以使用下方指令， -f : force 、 -o : output name。 1dotnet new mvc -f net5.0 -o dotnetMVC_itextsharp 版本有很多種，可以參考下方網址可以知道使用方式。https://docs.microsoft.com/en-us/dotnet/core/tools/dotnet-new# ...

Boards vs notion boardsnotion boards 是一個很好用的工具，可以用來管理專案進度，但是在團隊合作上，就顯得不太方便，因為沒有辦法知道其他人的進度，也沒有辦法知道其他人的進度是否會影響到自己的進度，所以在團隊合作上，還是需要一個專門的工具來管理專案進度，而 Azure DevOps Boards 就是一個很好用的工具。 Azure DevOps 可以針對 Repos 、 Pipelines 、 Boards 、 Test Plans 、 Artifacts 進行管理，而 Boards 就是專門用來管理專案進度的工具，可以針對專案進度進行管理，並且可以針對專案進度進行分析，讓團隊可以更好的管理專案進度。 Boards 功能介紹Azure DevOps 提供以下八種功能，方便管理專案進度業界最常使用功能之一。 Work Item Boards Backlogs Sprints Queries Charts Dashboards Analytics view 一、Work Item 工作項目工作項目是只要給目前需要做的事情，可以是一個功能、一個需求、一個 ...

Azure DevOps - BoardsAzure DevOps - Boards 提供了工作項目追蹤系統，讓團隊可以計畫、追蹤工作項目。 1. 工作模式Azure Devops 起始時候預設Basic模式可以自行設定為其他模式。Boards 提供了4種工作模式： Agile : 敏捷開發模式 Scrum : Scrum 開發模式 Basic : 基本開發模式 CMMI (Capability Maturity Model Integration) : CMMI 開發模式 2. 工作項目Azure DevOps - Boards 提供了4種工作項目： Epic : 史詩 Feature : 功能 User Story : 使用者描述 Task : 工作項目 Agile 敏捷開發模式Basic 開發模式CMMI 開發模式Scrum 開發模式敏捷式程式會使用各種工作專案類型，例如使用者劇本、工作、Bug、功能和 Epic 來規劃和追蹤工作。 首先，新增使用者劇本，並視需要將它們分組至功能。 您可以將工作新增至使用者劇本，以追蹤更多詳細資料。 基本程式提供三種工作專案類型：Epic ...

前言上篇有簡單帶過 router 使用方式，若需要底下有階層需要怎麼做。這次會使用子層方式展示。 router 子層作法一、 設定 app-routing.module.ts設定路由，這邊會有兩層，一層是 home，一層是 other，other 下面有 book。 123456const routes: Routes = [ {path:'', component: HomeComponent}, {path:'other', component: OtherComponent,children:[ { path: 'book', component: BookComponent, }, ]}]; 二、 設定 app.component.html123<div> <router-outlet></router-outlet></div> 三、 設定 home.component.html這邊目的需要有 ...

前言在開發Node.js的過程中，我們經常會面臨版本管理的問題。不同的專案可能需要使用不同的Node.js版本，這時候我們可以使用一個稱為Node Version Manager（nvm）的工具來管理Node.js版本，輕鬆在不同的專案中切換所需的Node.js版本。 一、Node Version Manager (nvm)1-1 簡介Node Version Manager (nvm) 是一個功能強大的Node.js版本管理工具，它可以讓我們在同一台電腦上安裝並管理多個Node.js版本。這意味著你可以在不同的專案中使用不同的Node.js版本，而無需全局改變你的系統環境。 1-2 前置作業在開始使用nvm之前，請確保你已經安裝了Git。你可以在 Node Version Manager 的 GitHub 頁面 上找到相關資訊。 Github : Node Version Manager 如果你使用的是Linux系統，可以從 Node Version Manager 的 Linux Release 頁面 下載nvm。 Release (Linux) : Node Version ...

前言由於近期到公司使用Angular框架開發，本人使用次數不會超過10次，所以會有些許不正確的地方，如果有錯誤的地方歡迎指正。(本文目的: 學習專用) TypescriptAngular 當初與三個框架當中，最早使用Ts來當作開發語言，之後Vue、React也跟進使用Ts，所以如果有使用過Vue、React的人，會比較熟悉。 VSCode初學者如果要快速建立環境可以使用下方套件: 設定檔案 Angular Extension Pack 其餘工具有時候因為版本問題，會需要安裝其他工具，這邊我們建議使用nvm 來管控版本，可以參考下方連結。 nvm-node版本管理工具 nvm：安裝、切換不同 Node.js 版本的管理器 Component在 Angular 中，組件（Component）是應用程式的基本構建塊之一，用於將使用者界面分解成獨立且可重用的部分。 組件是 Angular 應用程式的基本單位，每個組件代表一個特定的使用者界面區域或元素。每個組件擁有自己的 HTML 模板、CSS 樣式和 TypeScript 代碼，這使得組件能夠獨立運作並與其他組件協同工作。 以下 ...

Error Unknow argument prod當初使用時， ng build --prod已經無法使用這指令，請使用下方指令排除現狀。 1ng build --configuration production 備註Angular 14 之後版本已經移除 --prod指令，改為 --configuration production。 Angular Cli 參考文件 ithome : https://ithelp.ithome.com.tw/articles/10195372 stackoverflow : https://stackoverflow.com/questions/73156911/ng-build-prod-error-unknown-argument-prod

近期在開發Angular專案都會需要發行專案檔案，往往 Windows 都會使用IIS來發行，但是在發行後架站會出現404錯誤，這時候就需要在Config加入路由設定。(如果放置Config時候，發現網站掛掉或是其他原因可以參考以下做法。) 安裝 URL Rewrite 2.0下載連結 : 點選我一開始需要安裝 URL Rewrite 2.0，安裝完後，就可以開始設定Config。(如果已經安裝過，可以跳過這步驟。) 設定 Config選擇 IIS 管理員，選擇網站，點選 URL Rewrite。點選右邊新增規則，選擇空白規則。 從編輯輸入規則修改以下內容。若修改完可以直接套用即可，詳細內容可以參考下方參考文件。 參考文件 Tips for Running an Angular app in IIS 如何將 Angular 含有路由機制的 SPA 網頁應用程式部署到 IIS 網站伺服器