之前由于 Umami 自建网站访问量统计系统 有很多人跟我说云服务基本白嫖没有自己的服务器，如何进行搭建。此处即可使用 Vercel 来进行免费构建服务。

所需项目地址：Umami

Umami的相关信息可以看我之前的文章，此项目还需要 MySql/Postgresql，可使用收费/免费服务，此处不做推荐。

Vercel介绍

网站链接：Vercel

  • 免费 20 GB 空间
  • 提供 Serverless 服务
  • 免费自定义域名，支持 HTTPS
  • 不限站点与 Serverless API 数量
  • Serverless 支持 Node.js, Go, Python, Ruby
  • 提供 Google Cloud 与 AWS 节点，有香港与台湾节点
  • 支持 now.sh CLI，GitHub，GitLab，Bitbucket 导入/部署

对于白嫖党还是非常友好的（MJJ狂喜

构建Umami

Fork项目

打开 Umami 项目地址，将项目Fork到自己的仓库。

img

在 Vercel 主页新建项目

点击 Create a New Project 新建项目

img

选择刚刚 Fork 的仓库

找到 Umami 然后点击 Import

img

构建 Umami

此处需要增加两个环境变量，其变量名以及值格式如下：

1
2
3
4
5
6
7
变量名：HASH_SALT      值：自定义字符串
变量名：DATABASE_URL   值：数据库链接字符如下所示：
#在此之前请将SQL文件下的数据库文件导入数据库
postgresql://username:mypassword@localhost:5432/mydb
mysql://username:mypassword@localhost:3306/mydb

变量名：TRACKER_SCRIPT_NAME     值：自定义  （此变量用于更改脚本名称，可不填写，但推荐填写，否则脚本会被拦截，会致使统计数据不准确。

添加完成后，点击 Deploy 即可开始构建

img

构建完成

等待两三分钟即可构建完成

img

初始信息如下：

1
2
账号：admin
密码：umami

img

此时即可登录配置

绑定自定义域名

选择 Settings -> Domains 输入需要绑定的域名并且选择 Add 添加

img

根据提示设置相关解析，然后即可访问。

img

成功访问

img

关于使用 Vercel 构建 Umami 修改 umami.js 文件名的问题

在 SETTINGS -> ENVIRONMENT VARIABLES 里面新增环境变量 TRACKER_SCRIPT_NAME 然后赋值后重构项目即可。