[클라우딩 어플리케이션 엔지니어링 TIL] 240415 - 클라우드 컴퓨팅 & Firebase

Intro

---

이전에 API 학습을 통해 데이터를 CRUD하는 코드를 작성하였는데 이번 시간엔 생성된 데이터를 직접 Firebase 데이터베이스에 저장하는 법을 배우고 실습하였다.

 

 

 

오늘 학습한 내용

---

호스팅 (Hosting)

: 클라우드가 상용화 되기 전부터 사용했던 서비스

 

호스팅 vs 클라우드

호스팅과 클라우드는 컴퓨터 자원을 빌려 사용한다는 공통점을 갖고 있다.

운영비용과 관리 편의성, 확장성에 차이가 있다.

 

호스팅 서비스는 물리적인 자원을 임대하는 것으로 즉각적인 대응에 어려움이 있다.

비용은 매월/년 고정적이다.

기본적인 인프라 (방화벽, 네트워크 등)는 호스팅 업체에서 직접 관리한다.

 

클라우드 서비스는 논리적 가상 자원을 임대하는 것이다.

스토리지 용량, 인스턴스 수 증가 등 빠른 대응이 가능하고 사용하는 만큼 비용을 지불하게 된다.

서비스 운영을 위한 인프라는 직접 구축해야 한다는 점이 호스팅과의 차이점이다.

 

 

클라우드 서비스 유형

• IaaS (Infrastructure as a Service)
  • Amazon Web Service
  • Microsoft Azure
  • Google Cloud
  • IBM Cloud
  • Oracle Cloud
• PaaS (Platform as a Service) : 작은 규모에서 유리함
  • Vercel
  • Netlify
  • Heroku
  • Firebase
• SaaS (Software as a Service)
  • Notion
  • Slack
  • Google Workspace
  • Microsoft 365

 

 

Firebase와 AWS

Firebase는 PaaS 클라우드 서비스로 모바일, 웹 애플리케이션 개발에 특화되어 있다.

간단해서 애플리케이션 코드에 집중이 가능하며 빠른 개발과 배포가 가능한 장점이 있다.

큰 규모의 프로젝트에서는 서비스 아키텍처의 확장이 제한되거나, 비용 문제가 발생할 수 있다.

 

AWS는 IaaS 클라우드 서비스이며, 업계 점유율 1위인 광범위한 클라우드 서비스이다.

대부분의 서비스 요구사항을 커버 가능하며 AWS내 인프라를 활용해 끝없이 확장이 가능하다.

수많은 서비스의 존재로 인해 러닝 커브가 높으며 복잡한 요금 구조로 관리의 어려움이 있을 수 있다.

 

 

Firebase의 주요 제품

• 데이터베이스 - Firestore, Realtime DB
• 서버리스 - Cloud Functions
• 저장소 - Cloud Storage
• 인증 - Authentication
• 원격 설정 - Remote Config
• 푸시 알림 - Cloud Messaging
• 크래시 분석 - Crashlytics
• 서비스 분석 - Google Analytics

 

 

Firebase 설정과 Firestore 생성

• 프로젝트 생성 > 프로젝트 설정 > SDK 발급 (유출되거나 잃어버리면 안됨!!)

 

 

• Firestore 데이터베이스 생성
  • 위치 (us), 테스트 모드 체크 후 생성
• Firebase 프로젝트에 설정하기 (firebase-admin 설치)

npm install firebase-admin

 

• Firestore.js

import { initializeApp, cert } from 'firebase-admin/app';

initializeApp({
  credential: cert('security/test-cloud-3dd82-firebase-adminsdk-zn4e0-a09b4732f0.json'),
});

 

보안키 파일을 불러와서 security 폴더에 저장한다. 해당 폴더는 노출되지 않도록 gitignore 등을 통해 git에 올라가지 않도록 주의해야 한다.

 

initializeApp으로 firebase를 불러올 수 있다.

 

import { initializeApp, cert } from 'firebase-admin/app';
import { getFirestore } from 'firebase-admin/firestore';

initializeApp({
  credential: cert('security/test-cloud-3dd82-firebase-adminsdk-zn4e0-a09b4732f0.json'),
});

export const db = getFirestore();

 

firestore를 불러오기 위해 getFirestore() 함수를 사용한다.

 

• firestore에 데이터 저장하기 예시

const db = getFirestore();

db.collection('test')
  .doc('id')
  .set({
    data: {
      x: 1,
      y: 2,
    },
  });

 

add로 추가할 경우, firebase에서 직접 식별자를 생성해서 저장한다.

db.collection('articles').add(article);

 

 

Firebase CRUD

• 조회 (get 메서드)

router.get('', async (req, res) => {
  const articlesRef = await db.collection('articles').get();

  res.status(200).json({
    _embedded: {
      articles: articlesRef.docs.map((article) => makeHalResource(article.data(), 'articles')),
    },
  });
});

 

• 단건 조회

router.get('/:articleId', async (req, res) => {
  const { articleId } = req.params;
  const articleRef = await db.collection('articles').doc(articleId).get();

  if (!articleRef.exists) {
    return res.status(404).json({
      _links: {
        articles: {
          href: req.baseUrl,
        },
      },
      message: '조회하려는 게시글이 존재하지 않습니다.',
      error: 'Not Found',
    });
  }

  res.status(200).json({
    _embedded: {
      article: makeHalResource(articleRef.data(), 'articles'),
    },
  });
});

 

• 수정 (get, set 메서드)

router.put('/:articleId', async (req, res) => {
  const { articleId } = req.params;
  const articleRef = await db.collection('articles').doc(articleId);
  const articleDoc = await articleRef.get();

  if (!articleDoc.exists) {
    return res.sendStatus(404);
  }

  const { error, value } = articleUpdateSchema.validate(req.body);
  if (error) {
    return res.status(400).json({
      error: error.name,
      message: error.details[0].message,
    });
  }

  const article = {
    ...value,
    id: articleId,
  };

  articleRef.set(value, { merge: true });

  res.status(200).json({
    _embedded: {
      article: makeHalResource(article, 'articles'),
    },
  });
});

 

• 삭제 (delete 메서드)

router.delete('/:articleId', async (req, res) => {
  const { articleId } = req.params;
  const articleRef = db.collection('articles').doc(articleId);
  const articleDoc = await articleRef.get();

  if (!articleDoc.exists) {
    return res.sendStatus(404);
  }

  await articleRef.delete();

  res.sendStatus(204);
});

 

• 키 값이 아닌 조건으로 조회하려는 경우 (where 메서드)

const userRef = db.collection('users').where("username", '==', username)
const userQuery = await userRef.get()
  
if (!userQuery.empty) {
  return res.sendStatus(404);
}

// 실제 데이터 가져오기
const user = userQuery.docs[0].data();

 

 

 

 

 

마무리

---

Firebase의 Firestore 데이터베이스에 실제로 데이터를 저장하는 실습을 해봤는데 생각보다 간단해서 사이드 프로젝트에 활용하기 좋아보였다.