之前由于 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

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

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

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

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

img

构建完成

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

img

初始信息如下:

账号:admin
密码:umami

img

此时即可登录配置

绑定自定义域名

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

img

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

img

成功访问

img

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

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