Vue PWA myLog - Firebase Cloud Functions에서 Firestore query 사용

그랜파 개발자·2024년 10월 8일
Firebase Cloud FunctionsFirestore Queryvue

Vue PWA - myLog 개발

목록 보기
56/61

Vue로 PWA 개발 - 그랜파 개발자

56. Firebase Cloud Functions에서 Firestore query 사용

Firestore 데이터에 대해 CRUD(생성, 읽기, 업데이트, 삭제) 작업을 수행하는 방법에 대해 설명을 들었습니다. 이것으로는 부족합니다. firestore의 query 사용법에 대해서도 알아야 합니다.

ChatGPT에게 물었습니다.

How do I use query?

query는 어떻게 사용하지?

ChatGPT

In Firebase Firestore, a query is used to retrieve specific documents from a collection based on certain conditions. You can use queries to filter, sort, and limit the results when fetching data. Firestore provides several query methods like where, orderBy, limit, and more, to customize the results you want.

Firebase Firestore에서는 특정 조건에 따라 컬렉션에서 특정 문서를 검색하는 데 쿼리가 사용됩니다. 쿼리를 사용하여 데이터를 가져올 때 결과를 필터링, 정렬 및 제한할 수 있습니다. Firestore는 'where', 'orderBy', 'limit' 등과 같은 여러 쿼리 메서드를 제공하여 원하는 결과를 맞춤설정합니다.

Basic Steps to Use Queries in Firestore

Firestore에서 쿼리를 사용하는 기본 단계

  1. Initialize Firestore (via Firebase Admin in Cloud Functions or Firebase SDK in a client app).
    Firestore 초기화 (Cloud Functions의 Firebase Admin 또는 클라이언트 앱의 Firebase SDK를 통해)
  2. Build a Query: Use where to filter documents, orderBy to sort them, limit to restrict the number of results, etc.
    쿼리 작성: 문서를 필터링하려면 where를 사용하고, 문서를 정렬하려면 orderBy를 사용하고, 결과 수를 제한하려면 limit를 사용하세요.
  3. Execute the Query: Call get() or onSnapshot() to retrieve data.
    쿼리 실행: 'get()' 또는 'onSnapshot()'을 호출하여 데이터를 검색합니다.

Example of Firestore Queries in Firebase Cloud Functions

Firebase Cloud Functions의 Firestore 쿼리 예

Assuming you've already initialized Firestore using the Firebase Admin SDK:
Firebase Admin SDK를 사용하여 Firestore를 이미 초기화했다고 가정합니다.

const admin = require('firebase-admin');
admin.initializeApp();

const db = admin.firestore();

1. Simple Query Using where

1. where를 사용한 간단한 쿼리

To retrieve documents based on a condition, you can use the where method.
조건에 따라 문서를 검색하려면 where 메소드를 사용할 수 있습니다.

Example: Query for posts with a specific author

예: 특정 작성자의 게시물 쿼리

exports.getPostsByAuthor = onRequest(async (req, res) => {
  const authorId = req.query.authorId;  // Assume authorId is passed as a query parameter

  try {
    const postsSnapshot = await db.collection('posts')
      .where('authorId', '==', authorId)  // Query for posts where 'authorId' matches
      .get();

    const posts = [];
    postsSnapshot.forEach((doc) => {
      posts.push({ id: doc.id, ...doc.data() });
    });

    res.send(posts);
  } catch (error) {
    console.error('Error getting posts:', error);
    res.status(500).send('Error getting posts');
  }
});

In this example:
이 예에서는 다음과 같습니다.

  • where('authorId', '==', authorId) filters posts where the authorId field matches the value passed in the query.
  • where('authorId', '==',authorId) authorId 필드가 쿼리에 전달된 값과 일치하는 게시물을 필터링합니다.
  • The get() method executes the query and retrieves the matching documents.
  • get() 메소드는 쿼리를 실행하고 일치하는 문서를 검색합니다.

2. Multiple Conditions with where

2. 'where'가 포함된 여러 조건

You can chain multiple where methods to apply more conditions.
여러 개의 'where' 메서드를 연결하여 더 많은 조건을 적용할 수 있습니다.

Example: Query posts by author and published after a certain date

예: 작성자별로 특정 날짜 이후에 게시된 게시물을 쿼리합니다.

exports.getRecentPostsByAuthor = onRequest(async (req, res) => {
  const authorId = req.query.authorId;
  const startDate = req.query.startDate;  // Example: "2023-01-01T00:00:00Z"

  try {
    const postsSnapshot = await db.collection('posts')
      .where('authorId', '==', authorId)
      .where('createdAt', '>=', new Date(startDate))
      .get();

    const posts = [];
    postsSnapshot.forEach((doc) => {
      posts.push({ id: doc.id, ...doc.data() });
    });

    res.send(posts);
  } catch (error) {
    console.error('Error getting posts:', error);
    res.status(500).send('Error getting posts');
  }
});

In this case, the query filters posts by authorId and returns only those created after a certain date (createdAt >= startDate).
이 경우 쿼리는 authorId를 기준으로 게시물을 필터링하고 특정 날짜(createdAt >= startDate) 이후에 생성된 게시물만 반환합니다.

3. Sorting Results with orderBy

3. orderBy를 사용하여 결과 정렬

You can sort the results by a specific field using the orderBy method.
orderBy 메소드를 사용하여 특정 필드를 기준으로 결과를 정렬할 수 있습니다.

Example: Query posts sorted by creation date

예: 생성 날짜별로 정렬된 게시물 쿼리

exports.getPostsSortedByDate = onRequest(async (req, res) => {
  try {
    const postsSnapshot = await db.collection('posts')
      .orderBy('createdAt', 'desc')  // Sort by 'createdAt' in descending order
      .get();

    const posts = [];
    postsSnapshot.forEach((doc) => {
      posts.push({ id: doc.id, ...doc.data() });
    });

    res.send(posts);
  } catch (error) {
    console.error('Error getting posts:', error);
    res.status(500).send('Error getting posts');
  }
});

Here: 여기:

orderBy('createdAt', 'desc') sorts the posts by their creation date in descending order, showing the most recent posts first.
orderBy('createdAt', 'desc')는 게시물을 생성 날짜별로 내림차순으로 정렬하여 가장 최근 게시물을 먼저 표시합니다

4. Limiting the Number of Results with limit

4. limit로 결과 수 제한

You can restrict the number of documents returned using the limit method.
limit 메소드를 사용하여 반환되는 문서 수를 제한할 수 있습니다.

Example: Query only the 5 most recent posts

예: 최근 게시물 5개만 쿼리

exports.getTopFivePosts = onRequest(async (req, res) => {
  try {
    const postsSnapshot = await db.collection('posts')
      .orderBy('createdAt', 'desc')  // Sort by the most recent
      .limit(5)  // Limit the results to 5 documents
      .get();

    const posts = [];
    postsSnapshot.forEach((doc) => {
      posts.push({ id: doc.id, ...doc.data() });
    });

    res.send(posts);
  } catch (error) {
    console.error('Error getting posts:', error);
    res.status(500).send('Error getting posts');
  }
});

This query limits the result to only 5 documents, even if there are more matching posts.
이 쿼리는 일치하는 게시물이 더 있더라도 결과를 5개의 문서로만 제한합니다.

5. Combining where and orderBy

5. 'where'와 'orderBy' 결합

You can combine filtering and sorting by chaining where and orderBy together.
where와 orderBy를 함께 연결하여 필터링과 정렬을 결합할 수 있습니다.

Example: Get posts by a specific author and sort by date

예: 특정 작성자의 게시물을 가져와 날짜별로 정렬

exports.getSortedPostsByAuthor = onRequest(async (req, res) => {
  const authorId = req.query.authorId;

  try {
    const postsSnapshot = await db.collection('posts')
      .where('authorId', '==', authorId)
      .orderBy('createdAt', 'desc')  // Sort the results by 'createdAt'
      .get();

    const posts = [];
    postsSnapshot.forEach((doc) => {
      posts.push({ id: doc.id, ...doc.data() });
    });

    res.send(posts);
  } catch (error) {
    console.error('Error getting posts:', error);
    res.status(500).send('Error getting posts');
  }
});

Here, the query:
여기서 쿼리는 다음과 같습니다.

  1. Filters posts by authorId.
    authorId를 기준으로 게시물을 필터링합니다.
  2. Sorts the filtered results by createdAt in descending order.
    필터링된 결과를 createdAt 기준으로 내림차순으로 정렬합니다.

6. Paginating Results with startAfter

6. startAfter를 사용하여 결과 페이지 매기기

To paginate results, use the startAfter method in combination with orderBy.
결과를 페이지로 나누려면 orderBy와 함께 startAfter 메소드를 사용하세요.

Example: Paginate posts

예: 게시물 페이지 매기기

exports.getPaginatedPosts = onRequest(async (req, res) => {
  const lastPostId = req.query.lastPostId;  // The ID of the last post from the previous page
  const pageSize = 10;  // Number of posts per page

  try {
    let query = db.collection('posts').orderBy('createdAt', 'desc').limit(pageSize);

    // If there is a lastPostId, fetch the post and start after it
    if (lastPostId) {
      const lastPost = await db.collection('posts').doc(lastPostId).get();
      query = query.startAfter(lastPost);
    }

    const postsSnapshot = await query.get();

    const posts = [];
    postsSnapshot.forEach((doc) => {
      posts.push({ id: doc.id, ...doc.data() });
    });

    res.send(posts);
  } catch (error) {
    console.error('Error getting posts:', error);
    res.status(500).send('Error getting posts');
  }
});

In this example:
이 예에서는 다음과 같습니다.

  • The startAfter(lastPost) method ensures that the query fetches the next set of results starting after the lastPost.
  • startAfter(lastPost) 메소드는 쿼리가 lastPost 이후부터 다음 결과 세트를 가져오도록 보장합니다.

Summary of Key Query Methods: 주요 쿼리 방법 요약:

  • where: Filters documents based on a field.
  • where: 필드를 기준으로 문서를 필터링합니다.
  • orderBy: Sorts results by a field.
  • orderBy: 필드별로 결과를 정렬합니다.
  • limit: Limits the number of documents returned.
  • limit: 반환되는 문서 수를 제한합니다.
  • startAfter: Used for pagination to fetch the next set of results after a specific document.
  • startAfter: 특정 문서 이후의 다음 결과 집합을 가져오기 위한 페이지 매김에 사용됩니다.

By using these methods, you can customize your queries to retrieve exactly the data you need from Firestore!
이러한 방법을 사용하면 쿼리를 맞춤설정하여 Firestore에서 필요한 데이터를 정확하게 검색할 수 있습니다.

profile
그랜파 개발자
ChatGPT와 함께 Vue PWA을 공부합니다.
이전 포스트

Vue PWA myLog - Firebase Cloud Functions에서 Firestore 사용

다음 포스트

Vue PWA myLog - 구독자 알림 전송

0개의 댓글