查看“︁如何用宝塔面板搭建网站流量统计工具—Umami”︁的源代码

==== 前言 ====
在选择网站流量统计工具时，大厂方案（如百度统计、CNZZ、Google Analytics 等）往往涉及用户隐私，而付费工具虽然省心却价格不低。因此，自行部署一个开源、免费、并能完全掌控私人数据的统计工具就成了更好的选择。

今天我们就用 BWH VPS 和宝塔面板部署一款轻量级的开源统计工具——Umami。它免费、界面简洁、易上手，小而精，却足以满足日常的流量监控需求。最重要的是，所有数据都掌握在自己手里

让我们开始吧！

==== 一、Umami介绍 ====
Umami 是一款开源的的网络统计和分析工具，可作为百度统计、Google Analytics等工具的替代方案

主要特点：开源、完全免费、需自行部署

官方Github项目地址： https://github.com/umami-software/umami

[[File:Umami-01.png|747x747px]]

==== 二、搭建环境 ====

* '''服务器'''：BWH-E系列VPS 。本次搭建使用的是搬瓦工美国CN2-GIA ECOMMERCE服务器，非必须，但推荐。美国CN2GIA优质商务级线路，回国网速快且不受国内政策影响，然你也可以选择其它商家，但切记，因涉及私人数据，最好是选你熟悉的非大陆服务器。
* '''系统'''：Debian 11 （可以使用DD脚本但非必需。本演示使用的是瓦工BWH后台自带的Debian11系统）
* '''宝塔面板'''： 本教程使用宝塔面板搭建演示，可视化操作减少繁琐代码步骤，非常方便！但本质上是非必须的，这点需要说明一下。

==== 三、搭建流程 ====

===== 1. 服务器初始设置 =====
登录你的BWG服务器，在服务器后台点击“Stop” 后，在左边栏点击 install new OS 重装系统 (为了保证系统纯净，我一般都会推荐部署新项目时先重装一次系统)

[[File:BWH44-3.png|785x785px]]

重装系统后，在SSH客户端登入，首先要做好基础的安全防护措施，如修改22端口，修改密码等；其次是做好系统升级并安装好基本的curl、wget等基础必备的工具。这里不详细一一展开。

===== 2. 安装宝塔面板 =====
使用以下代码安装宝塔面板：(通用版本) ---如失效请在宝塔官网查询最新

if [ -f /usr/bin/curl ];then curl -sSO <nowiki>https://download.bt.cn/install/install_panel.sh;else</nowiki> wget -O install_panel.sh <nowiki>https://download.bt.cn/install/install_panel.sh;fi;bash</nowiki> install_panel.sh ed8484bec
[[File:20251025231240.png|796x796px]]

===== 3. 安装Docker环境 (进入宝塔面板后安装预设环境) ： =====
[[File:44-4.png|801x801px]]

===== 4. 安装Umami =====
在宝塔面板的应用商店中直接搜Umami，找到如下图显示的预设Docker应用，点击直接安装，宝塔会自动为该程序创建一个独立Docker环境，配备可视化管理插件。当然如果你熟悉代码，也可以使用Docker管理器或在SSH中直接从仓库拉取。这里为了照顾小白用户，使用最简单的方法。

[[File:44-6.png|564x564px]]

[[File:44-7.png|570x570px]]

初次点开应用后，做一个基本的安装配置，设置一个访问端口和目录。这里选择了默认安装。

[[File:44-8.png|580x580px]]

至此，在服务器层面已经基本设置完毕。稍后，我们再打开应用，就会看到已经配置完成。

这个可视化容器提供了基本的应用状态和运行日志，管理非常方便。

[[File:44-9.png|578x578px]]

[[File:44-10.png|580x580px]]

===== 5. Umami基本配置 =====
安装好后，我们用访问信息中提供的网址和默认密码在浏览器中登录Umami (为了站点安全，登录后一定要记得及时修改！)

[[File:44-11.png|868x868px]]

登录后，我们要填写一个想要统计的指定个人站点：

[[File:44-13.png|868x868px]]

配置好我们要统计的站点名称和网址后，我们在站点的对应设置中找到“追踪代码”(Tracking code)后，复制追踪代码放入个人站点网页的 <head>...</head>即可，这时统计代码就会开始工作了！

[[File:44-14.png|871x871px]]

至此，我们已经做好基本的配置，个人站点的访问数据将会被记录在Umami中，如图示例：

[[File:Umami-01.png|870x870px]]

[[File:44-17.png|869x869px]]

[[File:44-15.png|874x874px]]

备注：以上示例使用了官方演示站的截图，只是为了让大家看到Umami的完整样式。

=== 四、结语 ===
现在，我们已经有了一个属于自己的网站数据统计站！

上面没有具体设置反代，如果你需要域名访问，你需要自备一个域名在宝塔中做一下反代，比较简单，这里不具体说了。

Umami的一些细节设置，如是否公开展示统计数据等，这里不一一展开，自行探索吧，或许探索才是自建最大的乐趣！