前言近期沒有特別技術性的文章，這次就來介紹一下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 網站伺服器

前言近期有努力將 adminlte 套版在專案上，有試著用別人的專案上面改成自己的API，遇到專案上”Menu”是寫死並非是Ajax 回拋過來進行改寫。 使用專案本篇是用這個來做練習。 Github : erdkse/adminlte-3-vue 撰寫 ajax使用前務必要自行安裝 axios 使用教學 : 點選我 修改服務 Auth.ts這邊有關 authorizer 定義，我們將 Menu API 加入在這裡專案上面即可。這個版本有幫你寫好 alert 工具 ，只需要改寫 getError 內容即可。 1234567891011121314151617export const getUsersMenus = async () => { try{ const url :string = "https://localhost:5001/api/user/menus"; let menus:any; await axios .get(url) ...