admin

Vercel 部署 Umami 网站统计服务

admin 分享 2023-09-06 398浏览 0

前言

最近逛木木佬的博客看到前端调用 Umami API 这篇文章,看封面图像是网站访问统计啥的,一搜发现是类似 51la 统计的玩意,还开源,支持 Serverless 自部署,有东西折腾,搞!

准备工作

  1. Github 账号

  2. Vercel 账号

  3. 数据库

  4. 自己的域名(可选)
    部署完成之后默认会给你的项目分配一个 vercel.app 的三级域名,但是在 2021 年 vercel.app 域名被墙,大陆地区无法访问,因此强烈建议自己准备域名

开搞

  1. Fork 官方 GitHub 仓库 Vercel 部署 Umami 网站统计服务

  2. 打开 Vercel 然后通过 GitHub 快捷登录 Vercel 部署 Umami 网站统计服务

  3. 打开 Storage 选项卡创建 Postgresql Vercel 部署 Umami 网站统计服务 出现以下界面表示创建成功 Vercel 部署 Umami 网站统计服务

  4. 打开 Dashboard,点击 Add new - Project Vercel 部署 Umami 网站统计服务

  5. Import Git Repository 选择 Continue With GitHub
    此时会跳转到 GitHub 批准 Vercel 访问,建议选择允许访问全部仓库,当然你也可以设置仅可访问部分仓库。

  6. 选择你复刻的仓库

  7. 设置部署参数和环境变量

  8. 变量名:HASH_SALT 值:自定义字符串
    变量名:DATABASE_URL 值:数据库链接
    例:
    postgresql://username:mypassword@localhost:5432/mydb mysql://username:mypassword@localhost:3306/mydb 
    变量名:TRACKER_SCRIPT_NAME 值:自定义统计脚本名

最后点击 Deploy 部署 Vercel 部署 Umami 网站统计服务 8. 部署成功后会显示 Congratulation 页面(部署时长两分钟左右) Vercel 部署 Umami 网站统计服务 9. 如果你有域名,直接从此界面右边 “Add Domain” 进入添加域名,Vercel 会自动生成 SSL 证书(开启 https)。没有的话直接右上角 “Go to Dashboard” 就可以看到 Vercel 为你准备的域名
10. 打开 Umami,初次登录输入默认用户名 admin 与默认密码 umami, Vercel 部署 Umami 网站统计服务



本站已部署成功,网址请查阅:

https://stats.qinzhi.cc 

版权声明:
    “邓先生工作室”文章为自撰和网摘为一体,网摘文章及图片版权归原作者所有,转载本文请注明出处,请勿用于商务用途。如有侵犯您的权益,请及时联系toneydeng@qq.com予以删除!
发表评论