API Management

[Java] 在Gradle project 中加入Swagger

2018-08-15 C.H. Ling 0

Swagger 是一套 Web API 管理工具, 除了一般測試外, 還可以當成API 的user menu. 而Swagger 亦已經有library 使整合變得更方便. 示範中會將swagger 整合到spring RESTful API 中.

No Picture
Java

[Java] 整合Argon2 到Spring Boot

2018-08-13 C.H. Ling 0

以前在hash 物件時, 通常會用到MD5 256 / 512 之類的機制進行. 而在新系統中, 則建議利用Argon2 進行hashing. 示範中會利用Password wrapper 做adapter 去將字串作hashing 又檢驗.

Computing

[Gradle] 利用profile 打包檔案

2018-08-02 C.H. Ling 0

進行deployment 時, 總需要於properties 檔中進行設定, 除了容易出現人為錯誤, 而且費時失事. 在Maven 中, 可以透過修改pom.xml 進行profile 設定; 而Gradle 中, 亦有同樣的設定.

Angular

[Angular] 利用interceptor 將回傳的Date string 轉做 Date object

2018-07-22 C.H. Ling 0

在Angular 中, Pipe 就像WPF 中的coverter 般將接到的data 轉換為用作須要用的format顯示出來. 然而在front-end development 中, 從web service 接到的日期, 通常都被當成string 般處理. 若要須要轉成Date, 則需要透過interceptor 收到response, 利用regular expression 轉換成 Date 回傳出來. 在示範中, 會利用HTTP response 的JSON方法如下.

Angular

[Angular] 利用HttpClient 進行async request

2018-07-18 C.H. Ling 0

在以前利用JavaScript 進行HTTP request 時, 通常都會等待一段時間才收到response, 若在multi-thread 的環境下, 有機會傳回null 而令執行上出現問題. 從前須要加入setTimeout() 去等待, 現在在ES5後, 則須加入async await 便可. 在示範中會利用service 執行async HTTP request.

Angular

[Angular] 於Kendo Grid 同時加入sort 及 page

2018-07-18 C.H. Ling 0

Kendo UI 是由Telerik 開發的一套Web UI 套件. 使用它主要是因為它強大的後台Microsoft 支撐. 而這幾年, 它亦開始了Angular 的開發. 然而, 其功能若跟WPF control 比較, 則有得多要改善的地方. 而在示範中, 則補元了datagrid 中出了page 後sorting 的功能. 方法如下.

Angular

[Angular] 於Angular 加入build profile 設定

2018-07-13 C.H. Ling 0

在Visual Studio中, 可以透過修改project 檔案加入不同的profile. 而在Angular 中, 亦有相同的設定. 透過利用Angular CLI (Command-Line Interface) 建立的專案, 則可直接修改angluar.json 進行設定. 方法如下.

1 5 6 7 8 9 18