[Firestore / error ] 에러해결 / Missing or insufficient permissions

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

안녕하세요 상훈입니다.

✔ 환경

- Firebase / FireStore : v9
- Vue.js3 : Javascript JDK (web)

✔ 에러 발생

파이어베이스(Firebase) - 파이어스토어(FireStore)에 데이터를 insert 혹은 read 하려고하는데 아래 그림과 같은 에러가 발생하였다.

FirebaseError: Missing or insufficient permissions.

FirebaseError: Missing or insufficient permissions. 

 

✔ 해결방법

firestore - 규칙 탭

규칙란

처음 규칙에 들어가보신다면, 저부분이 false로 되어있으실 겁니다.

해당 부분을 true 로 변경해주고, 재테스트 해주세요!

 

저는 insert를 구현하고 있었고, 해당 내용은 정상적으로 insert 되었습니다

결과: 데이터가 insert 된 모습

collection 에도 정상적으로 들어온것을 확인하였습니다.

 

✔ 추가 코드 안내

혹시 몰라서 코드도 첨부합니다.
Vue.js3 - typescript - pinia

// db 정보 선언
const app = initializeApp(firebaseConfig); //위에서 firebaseconfig (키 넣는거 설정 완료)
const db = getFirestore(app);
const itemsDb = collection(db, 'items') // items collection으로 선언

// insert
const docRef = await addDoc(itemsDb, {
    uid: payload.uid,
    type: payload.type,
    speed: payload.speed,
    score: payload.score,
    createdAt: new Date().getTime(),
    updatedAt: new Date().getTime()
});

 

이상입니다.

 

참고

 

[Firebase Error 해결법 포함] Missing or insufficient permissions

 

Cloud Firestore에 데이터 추가  |  Firebase