banner
胡鹤仙的Blockchain Blog

胡鹤仙的Blockchain Blog

twitter
github
telegram
medium

使用 Vercel + Supabase 零成本部署 Umami

早些年用過友盟、51.la、百度統計、Google Analytics,各有各的優缺點,百度統計目前只允許備案網站使用,友盟和 51.la 體驗效果不喜歡,Google Analytics 訪問也不太好,權衡之下使用這款開源的網站統計服務 ——Umami。

根據官網介紹,Umami 是一款簡單、易用、美觀、輕量、快速、隱私、安全的開源免費網站統計工具,從部署到使用,都是簡單、快速,體驗也很滿意。

官方文檔介紹了多種部署方式,包括使用自己伺服器,或者第三方平台,例如 Netlify、Heroku、Railway 等等,不過這些第三方平台一般都不提供數據庫服務,所以我選擇使用 Supabse 提供的免費數據庫服務,以及 Vercel 的部署。

在使用前,先註冊並登錄好 GitHub、Vercel、Supabase 三個平台,並在 GitHub 平台 Fork Umami 的項目倉庫。

在 Supabase 建立數據庫

在官網選擇 Free 方案,進入 Create a new project 頁面,按要求填寫相關內容。Name 填寫任意項目名,Database Password 可以使用下方工具 Generate a password 生成,並保存到記事本備用。

等待數據庫建立,需要幾分鐘的時間。

建立之後,點擊左下方的 Project Settings,選擇 Database,找到 Connection string 中的 URL 一欄,複製內容,並將[YOUR-PASSWORD]替換為上一步生成的密碼。

Supabase 平台的操作就結束了。

在 Vercel 部署 Umami

登錄 Vercel 之後,點擊右上角 Add New Project,並導入事先 Fork 的項目倉庫。

在 Configure Project 中需要設置兩個環境變量(Environment Variables)。

分別添加 DATABASE_URL 和 HASH_SALT。前者是上一步在 Subabase 複製的 URL,記得替換自己的 Password;後者需要自己隨意生成一長串字符串。最後點擊 Deploy,等待兩分鐘。

如果有需要,可以先綁定好自己的域名,因為 Vercel 提供的域名在大陸無法訪問。

使用 Umami

按照上述步驟,Umami 已經部署成功了,通過綁定的域名進入網站,默認用戶名和密碼分別是 admin 和 umami ,進入後台可以修改密碼、設置語言,然後就可以添加網站了。

提示:如果需要刪除網站,先將語言切換至 English,中文狀態無法刪除。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。