經過了 24 小時,留言簿服務還沒有復活的跡象,索性自己做了一個(AI 生成了一個)。

這次用到的工具非常親民:使用「Google Sheets」搭配「Google Apps Script」。

後台管理系統

沒錯,就是一張「Google Sheets」!

每當有訪客留言,系統就會新增一條紀錄,人工審核之後,留言就會顯示在網站上。

Guestbook-Sheet

流程圖:版本一

第一版非常單純,就是透過 Apps Script 儲存、讀取資料表,並且只顯示審核通過的留言。

雖然邏輯簡單,但是留言載入大概需要三秒,算是勉強可以接受(原本串接的服務也是有延遲)。

Guestbook-Flow-1

流程圖:版本二

為了提升讀取效率,第二版加入了一個公開留言檔案(GitHub Gist)。

這樣就不用每次都去 Sheets 抓資料了,而是將審核後的資料同步更新這個檔案上。

載入速度提升了五倍以上!(不到半秒)

Guestbook-Flow-2

心得

  • Mermaid 好方便哦~(到底要被 Wiwi 推坑幾次)
  • GitHub Gist 作為 CDN 快取,不僅解決了延遲,也避免了大量訪問時觸發 Google 的 API 配額限制。
  • DIY 真有趣,可以在過程中學到很多東西。