使用 Vercel 和 Supabase 设置 Umami
步骤 0：创建账户
步骤 1：创建 Supabase 项目
步骤二：配置数据库
步骤 3：部署到 Vercel
步骤 4：配置鲜味
第五步：为您的网站添加鲜味
我们完成了🎉
嘿！友情提醒一下，这篇文章可能已经过时了！也许还能用，但我最近没测试过。
首先说明一下，这篇文章是基于这条推文中的步骤撰写的。我只是提供一篇包含截图的详细教程，方便初学者或想要更深入了解的人阅读。
如果你还不知道Umami是什么，它是一个全新的、以隐私为中心的开源分析平台。
网站原文：
Umami 是一款简单易用、可自行托管的网站分析解决方案。其目标是为您提供比 Google Analytics 更友好、更注重隐私的替代方案，以及比付费解决方案更免费、开源的选择。Umami 只收集您关心的指标，所有信息都集中在一个页面上。
它绝对不能替代 Google Analytics，因为它不具备相同的功能，但对很多人来说，它已经绰绰有余了。
步骤 0：创建账户
首先，如果您还没有GitHub 帐户，请创建一个。拥有 GitHub 帐户后，您可以使用 OAuth 登录 Vercel 和 Supabase，一举三得。
步骤 1：创建 Supabase 项目
登录 Supabase 后，前往控制面板并创建一个新项目。项目名称随意，我用的是“Umami”（鲜味）。密码只能使用字母数字字符，不要使用特殊符号，否则可能会导致数据库连接问题。我强烈建议使用密码生成器。区域选择离你最近的区域。务必将密码保存好。
步骤二：配置数据库
Supabase 最多需要两分钟时间来处理您的数据库。完成后，请前往 Supabase 的 SQL 编辑器。
然后，您可以复制粘贴此处提供的SQL 架构，然后单击运行以创建所需的表。
步骤 3：部署到 Vercel
数据库创建完成后，最简单的设置方法是访问Umami 的文档，然后点击蓝色的“部署”按钮。项目名称我再次选择了 Umami。当被问及是否部署到 GitHub 时，我选择将仓库设置为私有，但这完全取决于您。
注意：我强烈建议您 fork 该仓库，这样以后更新会容易得多，因为您只需要从 mikecao 的仓库拉取更改即可。
到达此屏幕后，返回 Supabase。
在 Supabase 中，进入“设置”，然后进入“数据库”选项卡。在那里，您会找到“连接字符串”字段。点击其右侧的“复制”按钮。
返回 Vercel，将刚才复制的连接字符串粘贴到DATABASE_URL变量中。务必将 `<password>` 替换[YOUR-PASSWORD]为您在步骤 1 中为项目创建的密码。该HASH_SALT变量只需是一串随机字符，所以我使用密码生成器生成了一个随机字符串。
然后您可以点击右下角的蓝色“部署”按钮。部署完成后，屏幕上应该会出现很多彩带，以及一个蓝色的“访问”按钮，点击该按钮即可进入您的 Umami 控制面板。
步骤 4：配置鲜味
首先，您应该登录并更改密码。默认用户名是[用户名] admin，默认密码是[密码] umami。登录后，点击右上角的账户图标进入您的个人资料页面。然后，您可以点击右上角的“更改密码”按钮。
顺便一提，你可以添加任意数量的帐户，所以如果你的朋友不想自己设置，你可以为他们创建一个帐户，他们就可以使用你的 Umami 实例了。
第五步：为您的网站添加鲜味
这一步非常简单。前往设置中的“网站”部分，然后点击右上角的“添加网站” 。添加您想要的网站名称以及网址。如果您希望公开分享统计数据（例如这样），请勾选“启用分享网址”复选框。
添加网站后，点击“获取跟踪代码”按钮（如图所示</>）。然后，您可以复制跟踪代码并将其放置在网站的任何位置（通常是在 `<head>`<head>标签内）。
如果您想使用自己的域名而不是 Vercel 的域名，请点击此处查看相关文档。操作非常简单，只需添加一条 CNAME 记录，然后将其添加到 Vercel 控制面板即可。之后，您就可以为您的 Umami 实例使用自己的子域名了。
我们完成了🎉
搞定！我们完成了！现在您可以免费*为您的任何网站添加分析功能，同时还能保护用户的隐私。如果您想查看我的项目，可以访问我的作品集或我的GitHub。顺便一提，我的作品集正在重新制作中，因为我对目前的版本不太满意。
Supabase目前免费，但未来会转为付费服务。不过，如果您在测试版期间注册，即可获得免费积分！
最后一点，如果您不想自己托管，我强烈推荐Fathom Analytics（这是个推广链接，您的第一笔订单可享受 10 美元优惠）。他们很棒，我自己付费使用，因为我想把它和 Umami 做个比较，而且他们还有一些我喜欢的额外功能。
如果您有任何疑问或只是想打个招呼，请留言，我很乐意回复！
文章来源：https://dev.to/jakobbouchard/setting-up-umami-with-vercel-and-supabase-3a73