Dogtor

Serverless网站怎么显示页面浏览量?

使用 Umami + Next.js 实现轻量级网站分析

全文共 343 字,阅读约需 1 分钟

Serverless 网站怎么显示页面浏览量

问题是什么

传统的博客系统像 WordPress,因为有后端数据库,每次用户访问就 +1 很简单。

但用 Next.js 这种前端框架搭建的静态网站就不一样了。没有持续运行的服务器,那数据存在哪儿?怎么统计?

所以问题归结为:怎么在没有后端的情况下,显示页面的访问量?

思路是什么

其实也不复杂。找个现成的分析服务(比如 Umami),让它帮你追踪网站访问。然后在前端通过 API 调用它的数据,展示出来。

流程是这样的:

  1. 用户访问你的网站
  2. 网站埋入 Umami 的追踪代码,自动报告用户访问
  3. Umami 把这些数据存起来
  4. 你的网站通过 API 从 Umami 拉取数据
  5. 在页面上显示访问量

【更新】Umami V3更新了,之前的方案不行了,来自THW的博客,貌似可以解决该问题。

评论

你的邮箱我们会严格保密,仅用于必要时的联系,不会在页面上公开显示。

表情直接显示在输入框中

请遵守相关法律法规,友善发言。垃圾广告、辱骂、违法违规内容将被删除。

Dogtor

人间札记,记录读书、琐事、思考,有烟火气,不硬核。

本站为个人博客,内容仅供学习和记录用途。

法律信息

© 2024-2026 博士狗的人间札记. 版权所有,未经许可请勿转载。

鄂ICP备2025135897号

本站总访问量:0次