如何在 Angular 初始化前,呼叫 API 取得設定檔

有時候我們希望能在應用程式執行前先取得設定檔,然後應用程式再根據設定檔去做對應的動作,Angular CLI 專案有準備 environment 設定檔讓我們使用,但有些情況我們希望從遠端,例如透過呼叫 API 的方式,取得設定值,這時候開怎麼做呢?

使用 forRoot() 幫助 SharedModule 提供單一實例服務

在 Angular 專案中,我們會把共用的元件(Component)、指令(Directive)、管道(Pipe)放在一個 SharedModule 中做管理,那服務(Service)呢?一般來說,我們希望服務是單一實例(Singleton Service)的狀態,但基於底層運作的方式,直接在 SharedModule 建立服務,會產生多個重複的單一實例服務,而可能引發問題,這時我們可以透過 forRoot() 來幫我們避免這狀況的發生。

使用 Angular Flex-Layout 輔助版面布局

強大的 Angular 團隊在 Github 上有個專案叫做 angular/flex-layout,將 FlexBox CSS 包裝成一個個 Directive 來使用,這個 Flex Layout 專案輔助 Angular (v4.1 以上版本) 用更方便的方式來佈局 HTML 樣板。

你可以這樣用 HTML 的 Meta 標籤

HTML 中的 Meta 標籤可以用來提供網頁的內容資訊給瀏覽器或存取網頁的服務使用,例如常見的網頁內容描述(Description)、適用的螢幕解析度(Viewport),還有很多給爬蟲、社群媒體等使用的設定可以透過 Meta 標籤來標示,這裡做個整理。

在 Angular 網站中取消瀏覽器快取功能

預設的情況下,瀏覽器會將網站的資料作快取,幫助下次瀏覽時能更快速的呈現內容,不過有時候我們不想要這樣的功能時,例如安全性議題,該怎麼應對呢?這樣提供兩種方式,修改 Html 的 Meta 設定,或是從 Angular 程式碼中下手。

如何使用 Secret Manager 保護 .NET Core 專案的機密設定

開發的過程中經常會有機密資訊需要設定,例如資料庫的連線字串、服務平台的 API 金鑰,如何保護這些機密不被外流,是件很值得探討的議題,而在 .NET 的開發環境中,有提供 Secret Manager 的套件讓我們輕鬆的保護應用程式的機密資訊。

繞過瀏覽器中密碼的不安全警告檢查

2017 年起 Chrome 56、Firefox 51 以上版本的瀏覽器會將收集密碼的網頁標示為不安全,除非你使用 HTTPS 開啟該網頁,對於沒有 SSL 保護的小型網站(尤其是企業內部的小網站)造成了一點點困擾,而資訊人員總不想被人挑戰安全性議題,因此有個小撇步可以繞過這安全性檢查。

如何使用 BrowserSync 啟動開發用網頁伺服器

當我們在製作前端網頁時,經常會需要將程式碼運行在瀏覽器中,這時候通常需要一個網頁伺服器來執行程式碼,BrowserSync 就是一個輕巧的工具,讓我們能在開發時期,啟動一個小型網頁伺服器,而且還能根據檔案異動,自動刷新畫面,相當方便。

在 Dotnet Core 中使用第三方套件處理 LDAP 驗證

截至 Dotnet Core 2.0 尚未移轉 System.DirectoryServices,因此以前寫的 LDAP 驗證程式碼無法移轉到 Dotnet Core 中使用,在官方尚未提供對應的解法時,可以使用 Novell.Directory.Ldap.NETStandard 第三方套件來處理。

LDAP 簡介

LDAP 的目錄服務,不僅可以幫助我們管理階層結構的組織或資源,對很多傳公司來說也是非常常用的驗證技術,這篇對 LDAP 做一些簡單介紹。