✨ 更新日志
🚀 安装部署
✒ 写作指引
🛠 站点配置
📊 网站统计
⭐ 主题配置
📩 评论插件
🧷 外部插件
🔊 站点订阅
⌨ 开发指引
👨👦👦 联系方式
🤝 购买服务
Ackee站点统计
category
tags
type
status
slug
date
password
Last edited time
Jan 31, 2024 08:15 AM
summary
icon
通常我们会选择 uptime kuma , umami 等站点监控程序,来对我们的站点访问信息进行监控,但是其大多数都依赖docker等后端承载。而ackee 是一款可以直接使用vercel加MongoDB免费搭建的站点统计工具。
效果
在后台可以查看实时访客,总访客、文章访问频次排行等信息。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff2b4ca9a-304a-4997-86d2-1283f06b4337%2FUntitled.png?table=block&id=2c09eacb-c578-4ea3-917f-e25f47764ecc&t=2c09eacb-c578-4ea3-917f-e25f47764ecc&width=768&cache=v2)
接下来介绍如何部署
部署ackee管理后台
1.创建MongoDB数据库
1.注册账号 创建数据库
![推荐使用Github登录](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdc7dd91f-667c-48b2-816f-3e22579d8ab6%2FUntitled.png?table=block&id=799501e2-8952-4c07-b2b3-4f80bdebdff4&t=799501e2-8952-4c07-b2b3-4f80bdebdff4&width=1630&cache=v2)
![选择最右边的免费方案即可](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6f34f4df-05cd-4a3d-8ef2-49e8945d9b16%2FUntitled.png?table=block&id=67a9832b-0db3-46bd-8e04-3f0096505127&t=67a9832b-0db3-46bd-8e04-3f0096505127&width=3080&cache=v2)
![选择一个地区,点击Create Cluster](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0e579620-12f5-421c-a45a-7be017c175fe%2FUntitled.png?table=block&id=2a261fa6-f56a-4d6d-8f57-5e5fb261b229&t=2a261fa6-f56a-4d6d-8f57-5e5fb261b229&width=1834&cache=v2)
![创建用户名密码](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe642591c-6a5a-4efe-94fa-c53caef75bdb%2FUntitled.png?table=block&id=ca18b501-38fe-4191-a085-beaf985ee890&t=ca18b501-38fe-4191-a085-beaf985ee890&width=1800&cache=v2)
这里下方要设置一个允许访问该数据库的IP地址,推荐设置0.0.0.0,即所有地址都允许访问,毕竟我也不知道自己会用什么ip访问这个数据库。
2.获取数据库连接地址
![面板首页点击Connect](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa3b7fb4b-fa03-4761-a5c4-0996a8336c9b%2FUntitled.png?table=block&id=06d2d584-ca77-4a00-97bc-f42827ac9194&t=06d2d584-ca77-4a00-97bc-f42827ac9194&width=3688&cache=v2)
![点击 MongoDB Drivers](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F78fd23f9-a42c-41ce-80c4-4ddc4a69ac3a%2FUntitled.png?table=block&id=9ea6e28a-ccb0-4e15-aa61-2be0c45d6053&t=9ea6e28a-ccb0-4e15-aa61-2be0c45d6053&width=1570&cache=v2)
![点击复制您的数据库连接地址](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5deb0c56-215c-46c6-a67b-646fb798e9dc%2FUntitled.png?table=block&id=ed94282a-d470-414b-b7f3-5cb077107c2a&t=ed94282a-d470-414b-b7f3-5cb077107c2a&width=1568&cache=v2)
注意,<password>要手动替换成您设置的密码
2. 一键部署
官方有所有渠道的部署方式,我这里拿Netlify举例,Netlify和Vercel的操作流程几乎一致,都是导入项目,配置环境变量即可部署。此处不展开用Vercel部署的教程。
- 可参考官方的教程文档获取更多帮助
点击下方链接一键在Netlify上部署Ackee;推荐使用github账号登录
配置参考下图,然后点击
save & deploy
即可![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd700df72-9e9a-4b9e-8696-0d8c76e2f23a%2FUntitled.png?table=block&id=f7a1149c-9537-4bf0-bb4f-9f8b15919c9c&t=f7a1149c-9537-4bf0-bb4f-9f8b15919c9c&width=1002&cache=v2)
部署完成后,在后台绑定域名
点击 Site configuration→ Domain management → Domains ,然后点击 Add domain alias 。
填写您准备的域名,并点击Save保存。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5e5043cc-af47-442d-989b-8b9a5b334a01%2FUntitled.png?table=block&id=a787f6cc-8c2d-4024-8e9e-23eaec145197&t=a787f6cc-8c2d-4024-8e9e-23eaec145197&width=1822&cache=v2)
此时页面会提示 Awaiting External DNS , 意思是等待您绑定DNS信息。
如何在域名商后台绑定您的域名?
在域名服务商中添加一个CNAME即可生效。和vercel的操作基本一致。
可以参考《Vercel绑定域名》这篇文章的 《CNAME解析》部分
登录Ackee后台添加您的网址,并获取配置
用上一步账号密码登录后台,找到Setting,点击New domain 添加您的域名
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa84d9616-16bd-48fa-b325-93b07f764636%2FUntitled.png?table=block&id=21e26f60-337d-4ded-843a-15fbfba03eac&t=21e26f60-337d-4ded-843a-15fbfba03eac&width=1653&cache=v2)
获取到嵌入代码和Domain id即可
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0861dab8-5ade-4688-b6e4-2914f48ec5ef%2FUntitled.png?table=block&id=b495c073-13ef-491a-89dc-19214e00a464&t=b495c073-13ef-491a-89dc-19214e00a464&width=1074&cache=v2)
配置NotionNext
从上一步的嵌入代码提取出Ackee的三个变量,在NotionNext项目后台添加如下环境变量即可
字段名 | 说明 | 示例值 |
NEXT_PUBLIC_ANALYTICS_ACKEE_DATA_SERVER
| Ackee后台地址 | https://demo.test.com |
NEXT_PUBLIC_ANALYTICS_ACKEE_DOMAIN_ID | 域名ID(为了区分不同站点数据) | 8xxxxxxxxxxxxxxxxxxxxxx02 |
NEXT_PUBLIC_ANALYTICS_ACKEE_TRAKER | Ackee前端脚本地址
(直接后台地址拼一个tracker.js即可,您也可以使用外部CDN) | https://demo.test.com/tracker.js |
完成
配置后,重新部署NotionNext项目接即可
Loading...
Last update: