hop.js 是一個安全、免費的內容傳遞網路(CDN)服務,專為開放原始碼專案設計,提供數百萬個網頁套件超高速存取,無需犧牲隱私。
hop.js 的背景與特色
hop.js 背後是知名網路服務商 Bunny.net,之前介紹過「Bunny Fonts」是用來取代 Google Fonts 網頁字型的替代方案,這次同樣以無追蹤、無日誌記錄等隱私優先為特色,強調「無附加條件」以回饋開源社群。
全球基礎設施與整合
hop.js 利用 Bunny.net 全球 119 個資料中心、15 個 SSD 儲存區域,所有開源套件都能快速存取,目前已整合 npm 和 cdnjs 等儲存庫,未來將會陸續擴充更多來源。
支援與遷移便利性
值得一提的是 hop.js 支援 drop-in API,可以鏡像 cdnjs 和 jsDelivr 網址,只需替換主機名稱即可遷移,無需額外設定。不過要注意的是一些進階自訂功能例如即時最小化(on-the-fly minification)、模組打包或是轉換無法在 hop.js 使用,如果依賴這些功能的使用者可能需要做一些變更。
我之前整理過一篇「網頁開發者適用的免費開放式 CDNs 列表(Free Public CDNs)」,在這篇文章裡可以找到取得 JavaScript 函式庫或 CSS 框架的內容傳遞網路服務,如果你需要重視隱私、安全性的替代方案那麼 hop.js 就是個不錯的選擇。
網站資訊
網站名稱:hop.js
網站鏈結:https://hopjs.bunny.net/
使用教學
開啟 hop.js 首頁後會看到熱門套件列表,包括套件名稱、版本、星星和下載次數、簡介和標籤等,點選後就會進入套件詳細資訊頁面。
利用搜尋功能輸入關鍵字後尋找相關套件,前面介紹有提到 hop.js 自動連結到 npm、cdnjs 儲存庫,比較常見的 JavaScript 框架、CSS 或開發套件應該都能找到。
開啟套件詳細資訊頁面、取得套件的連結後就能使用,如果你目前已經在使用 cdnjs、jsDelivr 等服務,只需將主機名稱替換為 cdn.hopjs.net 後就完成移轉,非常簡單!
若需要更多使用介紹,也可參考網站快速入門指南(Quickstart Guide),hop.js 具有零日誌記錄特性,不收集或儲存任何能識別使用者的請求資料,包括:
- 沒有 IP 位址。
- 沒有使用者代理(User-Agent)或引用日誌(referrer logs)。
- 沒有 cookie 或識別碼。
hop.js 以「少即是多」的理念建構,預設就有隱私和邊緣運算(Edge Computing)等特性,使用者不需要太多複雜設定。除此之外,在詳細資訊頁面也會有套件資訊、相關連結、NPM 狀態、版本切換、說明文件等內容。
