⚙️ Firebase & Roboflow 설정 가이드
1️⃣ Firebase 프로젝트 설정
① Firebase Console에 로그인
② 프로젝트 생성 → "10X" (또는 원하는 이름)
③ 프로젝트 설정 → 일반 탭 → "내 앱" → 웹 앱 추가 ( 아이콘)
④ firebaseConfig 코드를 복사하여 아래 위치에 붙여넣기:
// 파일: index.html, 라인 ~450
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "your-project.firebaseapp.com",
projectId: "your-project-id",
storageBucket: "your-project.appspot.com",
messagingSenderId: "123456789",
appId: "1:123456789:web:abc123"
};
2️⃣ Firebase Authentication 설정
① Firebase Console → Authentication → 시작하기
② Sign-in method 탭 → Google 제공업체 사용 설정
3️⃣ Firebase Storage 설정
① Firebase Console → Storage → 시작하기
② 규칙 탭에서 다음 규칙 설정 (보안 규칙):
rules_version = '2';
service firebase.storage {
match /b/{bucket}/o {
match /videos/{userId}/{allPaths=**} {
allow read, write: if request.auth != null
&& request.auth.uid == userId;
}
}
}
4️⃣ Firestore 설정
① Firebase Console → Firestore Database → 데이터베이스 만들기
② 프로덕션 모드로 시작
③ 규칙 탭에서 다음 규칙 설정:
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /analyses/{userId}/{document=**} {
allow read, write: if request.auth != null
&& request.auth.uid == userId;
}
}
}
5️⃣ Roboflow API 키 설정
① Roboflow에 로그인
② 워크스페이스 → Settings → API 키 복사
③ 아래 위치에 붙여넣기:
// 파일: index.html, 라인 ~490
const ROBOFLOW_API_KEY = "YOUR_ROBOFLOW_API_KEY";
✅ 완료 확인
• 설정 완료 후 새로고침
• Google 로그인 버튼 클릭 → 팝업이 뜨면 성공!
• 영상 업로드 시 Firebase Storage에 저장됨