網(wǎng)站統(tǒng)計(jì)工具 Umami 最詳細(xì)安裝部署教程

前言

我們?cè)诮⒕W(wǎng)站之后，網(wǎng)站安裝網(wǎng)站統(tǒng)計(jì)工具還蠻重要的，本文記錄 Umami 網(wǎng)站統(tǒng)計(jì)工具的安裝使用。在網(wǎng)上搜索的教程都是亂復(fù)制粘貼的，要么就是很不清晰，自己經(jīng)過(guò)折騰安裝成功以后寫(xiě)一個(gè)詳細(xì)教程，希望能幫到更多人。

簡(jiǎn)介

Umami 是 是谷歌分析的一個(gè)簡(jiǎn)單、快速、注重隱私的替代品。

官方網(wǎng)站：https://umami.is/

官方文檔：https://umami.is/docs/

開(kāi)源地址：https://github.com/umami-software/umami

演示地址： https://app.umami.is/share/8rmHaheU/umami.is

優(yōu)點(diǎn)

簡(jiǎn)單分析 Umami 只測(cè)量你關(guān)心的重要指標(biāo)：網(wǎng)頁(yè)瀏覽量、使用的設(shè)備以及訪問(wèn)者的來(lái)源。這些數(shù)據(jù)都在一個(gè)易于瀏覽的頁(yè)面上展示。

不限網(wǎng)站數(shù)量 Umami 通過(guò)一次安裝就可以跟蹤無(wú)限數(shù)量的網(wǎng)站，甚至還可以跟蹤子域名和單個(gè)的 URL。

繞過(guò)廣告攔截器 Umami 由你在自己進(jìn)行托管部署，所以你可以有效地避免 Google Analytics 不同的廣告攔截器。

輕量級(jí) 追蹤腳本很小（只有 2KB），而且支持 IE 等舊版瀏覽器。

多賬戶 Umami 可用于為朋友或客戶托管數(shù)據(jù)，只需創(chuàng)建一個(gè)單獨(dú)的賬號(hào)，他們就可以開(kāi)始在自己的儀表板上跟蹤自己的網(wǎng)站。

共享數(shù)據(jù) 如果你想公開(kāi)分享你的統(tǒng)計(jì)數(shù)據(jù)，那么你可以使用一個(gè)唯一生成的 URL 進(jìn)行共享。

移動(dòng)端友好 Umami 界面已針對(duì)移動(dòng)設(shè)備進(jìn)行了優(yōu)化，因此你可以從任何地方查看你的統(tǒng)計(jì)數(shù)據(jù)。

數(shù)據(jù)所有權(quán) 由于 Umami 是自托管的，因此你擁有所有數(shù)據(jù)。無(wú)需將你的數(shù)據(jù)交給第三方進(jìn)行利用。

注重隱私 Umami 不收集任何個(gè)人身份信息，并對(duì)收集的所有數(shù)據(jù)進(jìn)行匿名處理。

開(kāi)源 Umami 是開(kāi)源的，并采用 MIT 的開(kāi)源協(xié)議。

環(huán)境

Node.js10.13或更高版本

數(shù)據(jù)庫(kù)(MySQL或Postgresql)

這里先講下node的安裝方式，docker的等下單獨(dú)講，node和mysql就不在詳細(xì)講了，相信你們?cè)陂喿x前這些環(huán)境都有。

下載Umami

git clone https://github.com/mikecao/umami.git
cd umami
npm install

國(guó)內(nèi)服務(wù)器拉github會(huì)很卡，可以自己手動(dòng)下載或者找代理加速，這邊建議手動(dòng)下載。

創(chuàng)建數(shù)據(jù)庫(kù)

新建一個(gè)數(shù)據(jù)庫(kù)，后面會(huì)用到，你用什么數(shù)據(jù)庫(kù)就建什么數(shù)據(jù)庫(kù)就行，我這邊用mysql演示，操作都是一樣的。

數(shù)據(jù)庫(kù)名：umami

用戶名：umami

密碼：MzD4ttTApJN47W26

創(chuàng)建配置文件

我們新建一個(gè)文件：.env

官方文檔給出的配置內(nèi)容是：

DATABASE_URL=mysql://用戶名:密碼@localhost:3306/數(shù)據(jù)庫(kù)名

完整配置文件如下：

DATABASE_URL=mysql://umami:MzD4ttTApJN47W26@localhost:3306/umami

編譯

yarn、npm 2種命令都可以，命令如下：

npm run build
yarn build

這邊推薦yarn

啟動(dòng)應(yīng)用程序

yarn start
npm start

默認(rèn)情況下，這將在 上啟動(dòng)應(yīng)用程序。您將需要來(lái)自 Web 服務(wù)器的代理請(qǐng)求 或更改端口以直接為應(yīng)用程序提供服務(wù).http://localhost:3000

反向代理

相信很多小伙伴都不會(huì)直接使用IP去使用，會(huì)使用域名，這邊給出反向代理的配置

location /
{
    proxy_pass http://127.0.0.1:3000;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
    proxy_http_version 1.1;
}

接下來(lái)就可以使用域名訪問(wèn)拉