網頁計數器是一個電腦程式,可以顯示特定網頁瀏覽的次數。
當網頁瀏覽器訪問此網頁時,網頁計數器就會加一。
這是一種歷史悠久的小工具,從我十幾年前開始使用部落格時 Blogger 就已經內建了這個功能,網路上也有很多現成的服務,為什麼我們仍應自己做呢?
為什麼你應該停止使用第三方計數器
當有人訪問我的部落格時,它會向計數器的伺服器發送一個訊息說「blog.maki0419.com 被訪問了,請將訪問數+1,並將現有數字從資料庫讀出來給我!」這個計數器伺服器會保存我的訪問數據(和用戶數據),並執行一段程式碼來顯示數字。通常這段程式的原始碼我看不見它,它也可能隨時被替換成惡意程式碼。根據我的嵌入型式,或許人家還能獲得 SEO 加分呢!
你可能會說「我不想為了這個小功能而多開一台伺服器和資料庫,這是一個合理的取捨」
不不不,現在我就告訴你如何在 Cloudflare 上以 Worker 和 D1 Database 實現計數器功能,不用維護伺服器且免費!你將擁有程式碼和數字的控制權,保護你的網站,保護你的用戶。
這是一個純雲端的解決方案,很適合用在純前端應用程式或是任何類型的網頁。
專案是回傳 SVG badge,但是簡單修改就能變成回傳數字做為 API 使用(範例),泛用性非常高。