如何在本地部署Plausible社区版并追踪单页应用访问数据
前言
Plausible是一款轻量级的网站分析工具,其社区版(Plausible CE)允许用户自行部署。对于开发者而言,在正式上线前在本地环境测试其功能非常必要。本文将详细介绍如何在本地机器上通过Docker部署Plausible CE,并配置其追踪本地运行的React单页应用(SPA)的访问数据。
环境准备
在开始前,请确保您的系统已安装以下组件:
- Docker及Docker Compose
- Git
- OpenSSL(用于生成密钥)
部署步骤
1. 克隆项目代码
首先需要获取Plausible社区版的源代码。建议使用特定版本以确保稳定性:
git clone -b v2.1.3 --single-branch https://github.com/plausible/community-edition plausible-ce
cd plausible-ce
2. 配置环境变量
创建.env文件并设置必要的环境变量:
touch .env
echo "BASE_URL=http://localhost:8000" >> .env
echo "SECRET_KEY_BASE=$(openssl rand -base64 48)" >> .env
这里需要特别说明BASE_URL的配置:
- BASE_URL应设置为Plausible自身的访问地址
- 对于本地测试,使用http://localhost加端口号的形式
- 端口号8000是默认设置,可根据需要修改
3. 配置Docker端口映射
创建compose.override.yml文件来设置端口映射:
cat > compose.override.yml << EOF
services:
plausible:
ports:
- 8000:8000
EOF
4. 启动服务
使用Docker Compose启动所有服务:
docker compose up -d
配置单页应用追踪
1. 获取追踪代码
Plausible启动后,访问http://localhost:8000完成初始注册。在管理界面中,您可以获取用于追踪的JavaScript代码片段。
2. 集成到React应用
将获取的追踪代码添加到您的React单页应用中。对于使用Vite创建的React项目,可以在index.html或根组件中添加:
<script defer data-domain="localhost" src="http://localhost:8000/js/script.js"></script>
3. 特殊配置说明
对于本地开发环境,需要注意以下几点:
- 确保Plausible和您的应用使用不同的端口号
- 不需要配置HTTPS,直接使用HTTP协议
- 数据域(data-domain)可以设置为"localhost"或任何您喜欢的标识符
常见问题解决
1. 注册按钮无响应
如果遇到注册页面按钮无响应的情况,检查Docker日志中的错误信息。常见原因包括:
- 数据库初始化失败
- 端口冲突
- 环境变量配置错误
2. 数据不显示
如果追踪代码已添加但数据不显示:
- 确保Plausible服务正常运行
- 检查浏览器控制台是否有加载脚本的错误
- 确认没有广告拦截器阻止了追踪请求
进阶配置
1. 自定义端口
如果需要使用其他端口,修改compose.override.yml中的端口映射和.env中的BASE_URL即可。
2. 持久化数据
默认情况下,数据会随容器停止而消失。如需持久化,可以配置Docker卷来保存数据库数据。
结语
通过以上步骤,您已成功在本地部署了Plausible社区版,并配置其追踪本地开发的单页应用。这种配置非常适合开发阶段的测试和验证,待功能确认后再考虑生产环境部署。Plausible的轻量级特性使其成为替代Google Analytics的优秀选择,特别是在注重隐私保护的场景下。
- QQwen3-Omni-30B-A3B-InstructQwen3-Omni是多语言全模态模型,原生支持文本、图像、音视频输入,并实时生成语音。00
community
本项目是CANN开源社区的核心管理仓库,包含社区的治理章程、治理组织、通用操作指引及流程规范等基础信息09GitCode-文心大模型-智源研究院AI应用开发大赛
GitCode&文心大模型&智源研究院强强联合,发起的AI应用开发大赛;总奖池8W,单人最高可得价值3W奖励。快来参加吧~0273get_jobs
💼【AI找工作助手】全平台自动投简历脚本:(boss、前程无忧、猎聘、拉勾、智联招聘)Java01Hunyuan3D-2
Hunyuan3D 2.0:高分辨率三维生成系统,支持精准形状建模与生动纹理合成,简化资产再创作流程。Python00Spark-Chemistry-X1-13B
科大讯飞星火化学-X1-13B (iFLYTEK Spark Chemistry-X1-13B) 是一款专为化学领域优化的大语言模型。它由星火-X1 (Spark-X1) 基础模型微调而来,在化学知识问答、分子性质预测、化学名称转换和科学推理方面展现出强大的能力,同时保持了强大的通用语言理解与生成能力。Python00GOT-OCR-2.0-hf
阶跃星辰StepFun推出的GOT-OCR-2.0-hf是一款强大的多语言OCR开源模型,支持从普通文档到复杂场景的文字识别。它能精准处理表格、图表、数学公式、几何图形甚至乐谱等特殊内容,输出结果可通过第三方工具渲染成多种格式。模型支持1024×1024高分辨率输入,具备多页批量处理、动态分块识别和交互式区域选择等创新功能,用户可通过坐标或颜色指定识别区域。基于Apache 2.0协议开源,提供Hugging Face演示和完整代码,适用于学术研究到工业应用的广泛场景,为OCR领域带来突破性解决方案。00- HHowToCook程序员在家做饭方法指南。Programmer's guide about how to cook at home (Chinese only).Dockerfile09
- PpathwayPathway is an open framework for high-throughput and low-latency real-time data processing.Python00
热门内容推荐
最新内容推荐
项目优选









