CodeHoon

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

안녕하세요 상훈입니다.

✔ 환경

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

✔ 에러 발생

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

FirebaseError: Missing or insufficient permissions. 

✔ 해결방법

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

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

저는 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()
});

이상입니다.

참고

Vue.js에서 미니프로젝트를 제작하려고하는데 데이터베이스가 필요하다.

할때 FireBase를 사용하면 된다. Google에서 만들었다.

시작하기를 눌러서 시작 할 수 있다.

Firebase 프로젝트 "add" 를 눌러서 프로젝트를 생성할 수 있다.

프로젝트 명을 지정하고 "계속"을 누르면 끝. 만드는 것이 상당히 간소하다.