一个使用Firebase作为后端服务的多用户Todo List应用,可以部署到GitHub Pages。
这个版本使用Firebase作为后端服务,提供:
- 用户身份验证
- 数据隔离(每个用户只能访问自己的待办事项)
- 实时数据同步
- 安全的数据存储
- 用户系统:注册、登录、登出
- 数据隔离:每个用户只能访问自己的待办事项
- 完整的Todo功能:
- 添加、编辑、删除待办事项
- 完成/取消完成状态
- 任务过滤(全部/待办/已完成)
- 优先级设置(高/中/低)
- 任务分类(工作/个人/购物/健康/学习)
- 到期时间设置
- 任务描述
- 高级过滤(按优先级、分类、到期时间)
- 搜索功能
- 统计信息
- 响应式设计
- 访问 Firebase Console
- 创建新项目
- 启用Firebase Authentication(推荐启用Email/Password登录)
- 启用Firestore Database
- 在项目设置中找到您的Web应用配置
- 将配置信息添加到
firebase-config.js文件中
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
// 用户只能访问自己的todos
match /users/{userId}/todos/{document} {
allow read, write: if request.auth != null && request.auth.uid == userId;
}
}
}├── index.html # 主应用页面
├── firebase-config.js # Firebase配置和业务逻辑
└── README.md # 项目说明
- 在
firebase-config.js中更新您的Firebase配置 - 设置正确的Firestore安全规则
- 将此文件夹推送到GitHub仓库
- 在仓库设置中启用GitHub Pages
- 选择main分支和/(root)文件夹
应用将在 https://yourusername.github.io/repository-name/ 可用
- 这个版本需要Firebase后端服务才能实现真正的多用户功能
- GitHub Pages本身只能托管静态文件,无法提供后端服务
- 用户数据存储在Firebase Firestore中
- 用户认证通过Firebase Auth实现
- 密码通过Firebase安全传输和存储
- 数据通过Firestore规则实现用户隔离
- 所有数据传输使用HTTPS
欢迎提交Issue和Pull Request来改进这个项目!
MIT License