Firestore 데이터베이스 사용 - Firebase 기초 시리즈 - 7부

4856 단어 firebasetutorial


지금까지 우리는 이미 Firebase Realtime DatabaseFirebase Authentication 를 사용했습니다. 이제 이 게시물에서 Firestore에 대해 알려드리겠습니다.

Firestore와 실시간 데이터베이스는 매우 유사하지만 Firestore는 보다 구조화된 방식으로 데이터를 유지 관리하고 보다 복잡한 쿼리도 수행할 수 있습니다.

둘 중 하나를 선택하려면 Firebase 문서의 도움을 받을 수 있습니다. 선택 항목을 제공하고 필요한 카테고리에 가장 적합한 항목을 알려줍니다. Firebase Docs/rtdb-vs-firestore을 방문하세요.

데이터베이스 생성




콘솔에서 firestore 섹션으로 이동하여 지금은 테스트 모드가 될 데이터베이스를 만들 수 있지만 나중에 규칙을 설정합니다.

그것을 사용하는 프로젝트



나는 프로젝트 기반 학습을 많이 좋아하므로 사용자가 로그인하고 사진을 업로드하고 다른 사람들이 볼 수 있는 다른 웹사이트를 만들 것입니다.
이 프로젝트를 통해 firestore 및 firebase 파일 저장소를 사용할 수 있습니다.

나는 당신이 그렇게 하기 위해 당신의 독창성을 사용할 수 있는 웹사이트를 위해 이 레이아웃을 만들었습니다.

프로젝트에 Firestore 추가



먼저 Firebase Docs에서 firestore의 CDN 스크립트를 추가해야 합니다.

<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>

Firestore 사용



먼저 Firestore를 사용하려면 초기화해야 합니다.

const db = firebase.firestore();

Firestore의 데이터베이스 구조



Realtime Db의 .ref()와 마찬가지로 firestore에는 .collection()가 있습니다.
컬렉션은 무엇이든 될 수 있고 데이터베이스는 많은 컬렉션을 가질 수 있으며 각 컬렉션에는 문서가 있습니다.

문서는 모든 데이터가 JSON과 같은 형식으로 저장되는 장소입니다.

다음은 예입니다.

var areeb = db.collection('users').doc('areeburrub');

여기에서 변수areeb는 내 사용자 문서에 저장된 모든 정보를 포함하며 JSON 파일처럼 액세스할 수 있습니다.

문서 구조화는 전적으로 우리에게 달려 있습니다. 다음과 같이 간단할 수 있습니다.

first : Areeb"
last : "ur Rub"
born : 2002

또는 중첩되어 이와 같은 훨씬 더 많은 데이터를 가질 수 있습니다.

name :
    first : "Areeb"
    last : ur Rub"
Social:
    Instagram : areeb.ur_rub
    Linkedin : areeburrub
born : 1815

또는 컬렉션이 있는 하위 컬렉션도 있는 문서, Firestore의 데이터 구조와 혼동되는 경우 다음을 읽으십시오. firestore-Docs/data-model

추가, 제거 및 업데이트



Realtime db와 매우 유사합니다.
  • 데이터를 추가하려면

  • db.collection('nameOfColl').add({name : 'AREEB'})
    

  • 데이터를 삭제하려면

  • db.collection('nameOfColl').doc(uniqueId).delete();
    

  • 데이터를 업데이트하려면

  • db.collection('nameOfColl').doc(uniqueId).update({
        fruite : 'PineApple',
        name : 'Areeb ur Rub'
    });
    

    Firestore의 추가 기능



    지금은 firestore의 더 많은 기능을 소개하지 않고 다음 부분에서 살펴보겠습니다.

    나를 따르라




    좋은 웹페이지 즐겨찾기