The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

使用 NVM (Node Version Manager) 管理多個不同版本的 Node.js 執行環境

我們在 Angular 官網的 Version compatibility 頁面可以看到不同版本的 Angular 其實有匹配的 Node.js 版本,太新的 Node.js 不能用,太舊也不能用。不過,我們通常在開發 Angular 一段時間後,多少都會面臨到需要維護不同專案採用不同 Angular 版本的狀況,這時候你就會需要管理多個不同版本的 Node.js 執行環境,這時候就可以考慮使用 NVM 來管理多個不同的 Node.js 版本。

... 繼續閱讀 ...

套用 CSP (Content Security Policy) 的網站要如何安全的使用 Inline script

我有個客戶的網站最近剛上線,在設定 CSP (Content Security Policy) 標頭的時候,因為我設定了 unsafe-inline 的關係,所以導致 Google Analytics (GA) 的程式無法執行,但 GA 網站提供的程式碼就是用 Inline Script (內嵌腳本) 怎麼辦呢?這篇文章我就來告訴你解決方案。

... 繼續閱讀 ...

網站上線前的檢核項目:分享資訊到各社群媒體的 Meta Tags 整理

要製作一個好網站,除了要有好的內容外,也要有好的分享功能,讓使用者可以輕鬆地分享網站的內容到各社群媒體上,而這些社群媒體除了擁抱開放標準的 Open Graph protocol 外,其各自也有自己的 Meta Tags 定義,這篇文章我就來介紹一下有哪些是 Web 開發人員需要知道的。

... 繼續閱讀 ...

介紹好用工具:使用 Squoosh 與 Squoosh CLI 壓縮圖片

最近一直在弄客戶網站上線前的準備事項,我們在進行前端效能調校時,當然不免俗的要用 Lighthouse (GitHub) 跑一遍,結果發現除了效能殺手 Google Fonts 無解外,另一個主要的效能殺手就是沒有經過優化的圖片,畢竟圖片都是從後台上稿的,如果沒有好好的處理,是有可能會影響到用戶體驗的。今天我就來介紹一套我用很久的 Squoosh.app 網站與 Squoosh CLI 命令列工具。

... 繼續閱讀 ...

快速上手 Grafana k6 壓力測試工具

如果要問我哪一套壓力測試工具最好用,我會說 k6 絕對是開發者體驗最好的一種,他可以讓你用簡單易懂的 JavaScript 就可以撰寫出各種壓力測試的情境,而且我們這幾年的專案也用了幾次,感覺相當不錯。這篇文章我就帶大家快速上手這套 k6 怎麼用。

... 繼續閱讀 ...

如何完整刪除 Postman 共用過的 Collection 連結

身為一個 Postman 的忠實用戶,我們已經用了好多年了,一路走來看著 Postman 不斷長大,功能也越來越多、越來越完善,不過也帶來了一些小困擾。早期我們要共用 Collection 給別人,只要用 Share 功能就可以快速產生一個網址,該網址複製給別人就可以快速匯入,非常方便。新版本的 Postman 的 Share 功能已經改用 API keys 來進行共用,所以只要把 API key 刪除就可以解除共用,安全又便利!今天這篇文章我就來說說刪除這些公開 Share 集合的方法。

... 繼續閱讀 ...

如何處理 HiCOS 跨平台網頁元件無法連線的問題

自然人憑證通常都只有每年要報稅的時候才會用,不然就是政府的線上服務會用到,一般企業鮮少使用,原因無他,就是各種憑證應用的 UX 實在是太差了。最近因為被一家客戶要求要用工商憑證與自然人憑證簽署 NDA 文件,過程非常的坎坷,拖了兩個星期都沒簽好,今天則是遇到 HiCOS 跨平台網頁元件無法連線的問題,我打算來說說我今天的解決方法。

... 繼續閱讀 ...