Firebase Firestore 쿼리 웹 필터링 데이터← 전체 설명서
19159 단어 firebaseprogrammingjavascript
이 Firestore 튜토리얼에서 Firestore 데이터베이스를 사용하여 간단한 CRUD(생성, 읽기, 업데이트, 삭제) 작업을 수행하는 방법을 소개합니다.
그런 다음 WHERE(단일/다중), ORDERBY 및 LIMIT 필터를 사용하여 질의하는 방법을 학습합니다.
그리고 하위 집합 데이터 집합 그룹 조회를 가져오는 방법을 가르쳐 드리겠습니다. 이것은 본고가 발표할 때의 새로운 기능 중 하나입니다.
마지막으로, 나는 당신에게 대량의 문서를 가지고 있을 때 조회를 분리하고, 조회 커서 기능이 있는 페이지를 사용하여 더욱 좋은 체험을 얻고 자금을 절약하는 방법을 가르쳐 드리겠습니다.
재미있게 들려요!😯… 기사가 많아요!
자, 시작합시다.🚀
아래의 어떤 부분으로도 마음대로 뛰어내리세요.
Cloud Firestore에 문서 추가/만들기
Cloud Firestore에서 다음 두 가지 방법으로 새 문서를 만들거나 추가할 수 있습니다.
const db = firebase.firestore()
db.collection("users").add({
name: "Anbu Selvan",
email: "[email protected]",
age: 25
})
To run the sample code in your project, you will need to add Firebase to your project.
먼저 Firestore () 방법을 사용하여 Firestore 데이터베이스에 대한 인용을 가져와 데이터베이스에 저장합니다.
그리고db 대상의collection () 방법을 호출하여users 집합에 대한 인용을 가져옵니다.
마지막으로, 새 데이터를 JavaScript 객체로 전달하여dd() 메서드를 실행합니다.
이렇게
set () 방법을 보여 줍니다.
아래와 같이 set() 방법은dd()와 매우 비슷하다.
db.collection("users")
.doc()
.set({
name: "Anbu Selvan",
email: "[email protected]",
age: 25
})
문서 식별자를 지정하지 않으면 해당 식별자가 작성됩니다.
Firestore Documentation의 정의에 따르면 set()와dd()의 작업 원리는 매우 비슷하다.
나는 데이터를 추가하거나 업데이트할 수 있는 하나의 방법을 사용할 수 있기 때문에 dd () 대신 set () 를 사용하는 것을 더 좋아한다.🙂
✅ Recommended Full Video Course
Firebase + JavaScript: A Complete Guide
문서 데이터를 Cloud Firestore로 업데이트
기존 데이터를 업데이트할 수 있는 두 가지 옵션이 있습니다.
set()로 문서 덮어쓰기
기존 문서를 덮어쓰거나 완전히 바꾸려면 set () 방법으로 쉽게 할 수 있습니다. 방법은 자동으로 생성된 문서 식별자를 매개 변수로 doc () 방법에 전달하는 것입니다.
db.collection("users")
.doc("3P86VJxcpBK0D0lsAyYx")
.set({
name: "Lee Kuan",
});
어떤 경우에는 문서 전체를 바꾸지 않고 한 개 이상의 필드만 업데이트(덮어쓰기)해야 합니다.
이것도 set () 방법을 통해 실현할 수 있다.
db.collection("users")
.doc("3P86VJxcpBK0D0lsAyYx")
.set(
{
name: "Anbu Selvan",
age: 25
},
{ merge: true }
);
이 단계에서 set () 방법은name과age 필드가 존재하는 상황에서만 목표 문서의 새 값을 업데이트합니다.
그렇지 않으면 누락된 필드가 작성됩니다.
이 경우 name의 값은 Lee Kuan에서 Anbu Selvan으로 바뀌며, 나이 필드는 이전에 존재하지 않았기 때문에 문서에 추가됩니다.
업데이트()로 문서 다시 쓰기
업데이트 () 방법은 set () 와 매우 비슷하며 두 번째 인자가 없고 매우 간단합니다.
db.collection("users")
.doc("3P86VJxcpBK0D0lsAyYx")
.update(
{
name: "Anbu Selvan",
email: "[email protected]",
},
);
✅ Recommended Full Video Course
Firebase Authentication & Security: A Complete Guide
클라우드Firestore에서 문서 삭제
Firestore 데이터베이스의 문서에서 필드 삭제
자동으로 생성된 ID를 doc()에 매개 변수로 전달하여 Cloud Firestore에서 전체 문서를 삭제하려면 delete() 방법을 사용합니다.
db.collection("users")
.doc("3P86VJxcpBK0D0lsAyYx")
.delete()
.then(function () {
console.log("Document successfully deleted!");
}).catch(
function(error) {
console.error("Error removing document: ", error);
});
One more thing I want to point out here is that sub-collections won’t be deleted when you delete the parent document.
Firestore 데이터베이스의 문서에서 필드 삭제
문서에서 특정 필드를 삭제하려면 업데이트 () 방법을 사용하고 자바스크립트 대상으로 삭제할 필드를 추가한 다음 Firebase를 설정하십시오.소방 상점.FieldValue.delete()를 해당 값으로 사용합니다.
db.collection("users")
.doc("3P86VJxcpBK0D0lsAyYx")
.update({
email.firestore.FieldValue.delete()
})
Firestore 데이터베이스에서 데이터를 검색하기 전에 Firestore 데이터베이스에 데이터를 추가하고 다음 함수를 호출합니다.
addUsersToFirestore() {
var users = [{
name: "Raja",
email: "[email protected]",
createdAt: new Date("2019-01-01 12:08:00")
},
{
name: "Arivu",
email: "[email protected]",
createdAt: new Date("2018-01-23 09:13:00")
}, {
name: "Mike",
email: "[email protected]",
createdAt: new Date("2018-08-08 06:37:00")
}, {
name: "Praba",
email: "[email protected]",
createdAt: new Date("2018-10-09 18:26:00")
},
{
name: "Muhammad",
email: "[email protected]",
createdAt: new Date("2018-03-13 12:13:00")
}
];
const db = firebase.firestore();
users.forEach(user => {
db.collection("users").doc().set(user);
});
}
Recommended
Build A Secure To-Do App with Vue + Firestore Authentication
Continue Reading...
Reference
이 문제에 관하여(Firebase Firestore 쿼리 웹 필터링 데이터← 전체 설명서), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/hirajatamil/firebase-firestore-querying-filtering-data-for-web-a-complete-guide-2ed5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
