这次部署方案主要来源于冰箭大佬 的方案!

因为umami升级更新,每次登录都会提示更新,作为强迫症的我,苦于找不到更新的办法,只能重新部署,顺带把部署的过程记录下来!

数据库

Umami支持MySQL和PostgreSQL数据库,选择自己喜欢的数据库进行数据初始化即可。下面是几个免费的数据库服务,这里选择的是ElephantSQL,当然,并不限于这些。

打开ElephantSQL ,推荐使用Github登录,创建一个新的实例。Plan选择Tiny Turtle(Free)Region随意,提交创建。

https://bu.dusays.com/2023/01/27/63d3643699812.png
ElephantSQL

打开刚刚创建的示例,找到URLpostgres://ydmeptjz:***@tiny.db.elephantsql.com/ydmeptjz复制待用。

打开实例的Browser页面,执行数据库初始化脚本

部署

打开Vercel ,同样推荐使用Github登录,然后点击这里 ,用来Fork Umami项目。等待Fork创建完成后,需要配置三个环境变量:

  • DATABASE_URL:粘贴上一步的数据库链接;
  • HASH_SALT:任意字符串,推荐这里生成一串 UUID,不用记住;
  • TRACKER_SCRIPT_NAME:任意字符串,推荐这里生成一串 UUID,需要记住;

配置完成后点击Deploy开始部署,部署过程大概两分钟,部署成功后会有一个彩纸的喜庆页面。

https://bu.dusays.com/2023/01/27/63d366c1ae6a1.webp

配置

进入Vercel分配的网址登录,默认用户名admin和密码umami,进入后第一时间修改密码。

进入后台设置页面,创建一个新的站点,获得站的嵌入脚本。嵌入脚本中的umima.js替换为刚刚的环境变量TRACKER_SCRIPT_NAME的值。这样的作用就是为了防止去广告插件把这段脚本给拦截。

至此,打完收工。

全部完成后,刷新一下网站,就可以在后台看到访客的访问记录了,非常的简单方便,还有其他的配置和玩法大家可以查看官方文档。