Serverless网站怎么显示页面浏览量?
使用 Umami + Next.js 实现轻量级网站分析
全文共 343 字,阅读约需 1 分钟
Serverless 网站怎么显示页面浏览量
问题是什么
传统的博客系统像 WordPress,因为有后端数据库,每次用户访问就 +1 很简单。
但用 Next.js 这种前端框架搭建的静态网站就不一样了。没有持续运行的服务器,那数据存在哪儿?怎么统计?
所以问题归结为:怎么在没有后端的情况下,显示页面的访问量?
思路是什么
其实也不复杂。找个现成的分析服务(比如 Umami),让它帮你追踪网站访问。然后在前端通过 API 调用它的数据,展示出来。
流程是这样的:
- 用户访问你的网站
- 网站埋入 Umami 的追踪代码,自动报告用户访问
- Umami 把这些数据存起来
- 你的网站通过 API 从 Umami 拉取数据
- 在页面上显示访问量
【更新】Umami V3更新了,之前的方案不行了,来自THW的博客,貌似可以解决该问题。
