本站承诺永不接任何虚假欺骗、联盟广告、弹窗广告、病毒广告、诱导充值等影响用户体验的广告,广告屏蔽插件会影响本站部分功能,还请不要屏蔽本站广告,感谢支持!

当前位置:首页 / 正文

2023-04-27 | 编程技术 | 681 次阅读 | 等你评论 | 2 次点赞 | 繁体

早些年用过友盟、51.la、百度统计、Google Analytics,各有各的优缺点,百度统计目前只允许备案网站使用,友盟和 51.la 体验效果不喜欢,Google Analytics 访问也不太好,权衡之下使用这款开源的网站统计服务——Umami。

图片alt

根据官网介绍,Umami 是一款简单、易用、美观、轻量、快速、隐私、安全的开源免费网站统计工具,从部署到使用,都是简单、快速,体验也很满意。

官方文档介绍了多种部署方式,包括使用自己服务器,或者第三方平台,例如 Netlify、Heroku、Railway 等等,不过这些第三方平台一般都不提供数据库服务,所以我选择使用 Supabse 提供的免费数据库服务,以及 Vercel 的部署。

在使用前,先注册并登录好 GitHub、Vercel、Supabase 三个平台,并在 GitHub 平台 Fork Umami 的项目仓库。

GitHub:https://github.com/umami-software/umami
Vercel:https://vercel.com/
Supabase:https://supabase.com/

1、在 Supabase 建立数据库

图片alt

在官网选择 Free 方案,进入 Create a new project 页面,按要求填写相关内容。Name 填写任意项目名,Database Password 可以使用下方工具 Generate a password 生成,并保存到记事本备用。

图片alt

等待数据库建立,需要几分钟的时间。

建立之后,点击左下方的 Project Settings,选择 Database,找到 Connection string 中的 URL 一栏,复制内容,并将 [YOUR-PASSWORD] 替换为上一步生成的密码,稍后会用到。

图片alt

Supabase 平台的操作就结束了。

2、在 Vercel 部署 Umami

登录 Vercel 之后,点击右上角 Add New Project,并导入事先 Fork 的项目仓库。

图片alt

图片alt

在 Configure Project 中需要设置两个环境变量(Environment Variables)。

图片alt

分别添加 DATABASE_URL 和 HASH_SALT。

DATABASE_URL 是上一步在 Subabase 复制的 URL,记得替换自己的 Password;
HASH_SALT 需要自己随意生成一长串字符串。

最后点击 Deploy,等待两分钟。

图片alt

3、自定义域名

由于 Vercel 提供的域名在大陆无法访问,所以如果是想大陆流畅访问,建议绑定一个自己的域名。

1、在自有域名的 DNS 服务中添加一条记录,选择 CNAME 类型转发,记录值填写为:cname.vercel-dns.com

2、然后在 Vercel 中找到 umami 项目,点击 Settings 标签卡,跳转页面后点击左侧的 Domains 菜单项,输入你自己定义的域名点击 Add 按钮即可。

图片alt

4、使用 Umami

按照上述步骤,Umami 已经部署成功了,通过绑定的域名进入网站,默认用户名和密码分别是 admin 和 umami ,进入后台可以修改密码、设置语言,然后就可以添加网站了。

提示:如果需要删除网站,先将语言切换至 English,中文状态无法删除。

VIA

使用 Vercel + Supabase 零成本部署 Umami https://eirms.com/5018.html
使用自定义域名激活Vercel部署的Waline服务 https://lisenhui.cn/blog/use-custom-domain-active-vercel-waline.html

标签: 教程

猜你喜欢
[Go]包依赖管理工具go mod使用详解
go module 是 Go 语言从 1.11 版本之后官方推出的版本管理工具,并且从 Go 1.13 版本开始,go module 成为了 Go 语言默认的依赖管理工具。Modules 官方定...
薅京东羊毛必备抓取Cookies教程
本文只介绍如何利用安卓手机浏览器获取京东 cookie 教程,具体为什么要获取 cookie 以及如何薅羊毛请查看:闲置服务器薅京东的羊毛—青龙面板部署与京东签到第一步,下载工具去各大应用商店搜...
typecho使用文件缓存加快打开速度
typecho 是一个伪静态的博客系统,如果不使用缓存,每次打开页面都会查询数据库,访问人数多了以后服务器压力倍增。但是,typecho 是一个 php 的程序,我们可以利用 php 将实时页面...
javascript | 原生JS多语言切换简单实现
由于项目需要实现一个前端的多语言切换,不想因为一个简单的功能就引入 jQuery,所以经过 google 编程大法摸索出一个原生 JS 就可以实现的多语言前端切换的小例子,仅供参考。<bo...
NUC8黑苹果更新OpenCore引导教程
鉴于本人的苹果笔记本年代久远,又想用最新的系统,所以早早就入手了 NUC8,并且成功安装了 macOS,使用 OC 引导,由最初的 macOS Catalina 10.15.7 陆续升级到了 m...
局域内网的服务器利用个人电脑做跳板机访问互联网
公司内网的服务器均不连公网(互联网),问题来了:现在服务器上需要安装一些软件怎么办?目前一般都是编译安装!先将软件在外网机器上下载好,然后再复制到服务器内,编译安装!这种方式缺点就是比较麻烦,编...
Win10锁屏壁纸怎么提取保存到本地
Win10 默认的锁屏方式变成了壁纸锁屏,而且每次锁屏的壁纸都会不一样,这些壁纸非常精美,看起来比 win10 本身自带的桌面壁纸还要出色,但是通常情况下我们很难找到这些锁屏壁纸的位置,如何保存这些高
Pycharm 专业版配置自动同步代码至服务器
每次在本机上面写代码,然后传到服务器上面,在服务器上面运行,这样的方式十分繁琐,效率很低,使用下方配置后可实现本地编辑代码保存自动同步到服务器。 # 使用场景 先说说自己的使用场景,我是在什么
(首次提交评论需审核通过才会显示,请勿重复提交)