기본 콘텐츠로 건너뛰기

[Firebase] 데이터 정합성을 위한 Cloud Function 적용 사례 - 2

Firebase Cloud Functions를 적용하게 되었던 배경을 이전 글에서 소개해드린 바가 있습니다.
그 글에 이어 Cloud Functions 적용기를 간단히 소개하고자 합니다.

순서는 다음과 같습니다.

1. Cloud Functions 개발 환경 구축
2. Cloud Functions 코드 작성
3. Deploy


좀더 상세한 내용을 원하시면 하기 링크를 참고하시기 바랍니다.
(본 글에서 다루는 내용보다 상세한 내용을 담고 있습니다.)
https://firebase.google.com/docs/functions/get-started
https://firebase.google.com/docs/functions/database-events

1. Cloud Functions 개발 환경 구축

먼저 Cloud Functions을 시작하기 위해서는 별도 개발 환경을 구축해야 합니다.
Cloud Functions은 Node.js를 기반으로 동작하는 것 같습니다.
따라서 다음 단계가 선행되어야 합니다.

  1. Node.js 설치 (v6.11.1 recommend)
  2. npm 설치
  3. Firebase CLI 설치


Node.js와 npm을 설치했다면 다음 명령어로 Firebase CLI를 설치할 수 있습니다.
npm install -g firebase-tools

Firebase CLI까지 설치가 되었다면 이제 Firebase Cloud Functions 프로젝트를 생성해야 합니다.
제가 개발 중인 프로젝트는 Android 모바일 어플리케이션이었습니다.
하지만 지금 작성하고자 하는 코드는 Android 앱이 아닌 Google Cloud 서버에 로드되어 동작할 코드이기 때문에
별도 프로젝트를 생성해야 합니다.


1.1 먼저 다음 명령어를 통해 Firebase tool 사용을 위한 인증을 완료합니다.

firebase login

1.2 원하는 경로에 원하는 이름으로 Directory를 생성하고, 다음 명령어로 초기화합니다.

firebase init functions

그럼 자동으로 몇몇 파일과 directory들이 생성됩니다.
myproject
 +- .firebaserc    # Hidden file that helps you quickly switch between
 |                 # projects with `firebase use`
 |
 +- firebase.json  # Describes properties for your project
 |
 +- functions/     # Directory containing all your functions code
      |
      +- package.json  # npm package file describing your Cloud Functions code
      |
      +- index.js      # main source file for your Cloud Functions code
      |
      +- node_modules/ # directory where your dependencies (declared in
                       # package.json) are installed
자세한 내용은 다음 링크를 참조하시기 바랍니다.
https://firebase.google.com/docs/functions/get-started#set_up_and_initialize_functions_sdk

많은 파일들이 자동으로 생성되지만, 주목해야 할 파일은 functions/index.js 입니다.
바로 이 파일에 우리가 원하는 서버 사이드 코드를 작성하면 됩니다.


2. Cloud Functions 코드 작성

2.1 필수 Module Import 및 초기화

Firebase Realtime Database Trigger를 적용하기 위해 하기와 같이 필수 모듈을 Import 합니다.

// The Cloud Functions for Firebase SDK to create Cloud Functions and setup triggers.
const functions = require('firebase-functions');

// The Firebase Admin SDK to access the Firebase Realtime Database.
const admin = require('firebase-admin');
admin.initializeApp(functions.config().firebase);

2.2 Trigger 코드 작성

사실 Node.js는 커녕 Javascript도 익숙하지 않아 막연히 진입 장벽이 높을 거라 생각했는데,
코드를 작성하고 나니 이게 이렇게 쉬워도 되나 싶습니다.

  1. /users/{userId} 에 write event가 발생할 경우 
  2. groupUser 객체를 생성해서 
  3. /groups/{groupId}/userlist/{userId}/ 경로에 업데이트해주는 것이 전부입니다.


exports.saveUser = functions.database.ref('/users/{userId}')
    .onWrite(event => {
// Grab the current value of what was written to the Realtime Database.
const user = event.data.val();
console.log('[saveUser] - user: ', event.params.userId, user);

var groupUser = {
"birthYear" : user.birthYear,
"firstName" : user.firstName,
"id" : user.id,
"lastName" : user.lastName,
"profileUrl" : user.profileUrl,
};

event.data.ref.root.child('/groups/' + user.groupId + '/userlist/' + user.id).set(groupUser);
    });


3. Deploy

이제 Firebase Cloud Functions에 작성한 코드를 올리는 일만 남았습니다.
다음 명령어를 수행하면 작성한 코드가 로드되며 바로 이용 가능한 상태가 됩니다.
$ firebase deploy --only functions

이제 User 정보를 변경하면, Group의 groupUser 역시 변경/생성되는 마법같은 일이 일어날 겁니다.

댓글

이 블로그의 인기 게시물

[Android] Fragment 위에 Dialog 띄우기

배경:  - Fragment에 Google Maps를 올려 사용자에게 보여주고 있다.  - 사용자가 Dialog 창을 열어 검색을 할 수 있게 하고 싶다. 1. Dialog layout xml 생성 Dialog 창에는 하나의 EditText를 추가하여 사용자로 하여금 String을 입력받게 한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 < LinearLayout   xmlns:android = "http://schemas.android.com/apk/res/android"         android:orientation = "vertical"         android:layout_width = "wrap_content"         android:layout_height = "wrap_content" >     < LinearLayout                 android:orientation = "horizontal"                 android:layout_width = "match_parent"                 android:layout_height = "wrap_content" >         < TextView                         android:layout_width = "match_parent"                         android:layout_height = "match_parent&quo

[Android] Fragment에 RecyclerView 추가하기

배경:  - List View를 보여주는 Fragment로 전환 RecyclerView  위젯은  ListView 의 업그레이드 버전으로 데이터 양이 많은 경우 스크롤을 효율적으로 수행할 수 있는 위젯이다. refer: http://developer.android.com/intl/ko/training/material/lists-cards.html 위 그림과 같이 Adapter를 통해 데이터에 접근하며,  LayoutManager를 통해 위젯 내부 항목들을 배치한다. 따라서 RecyclerView를 적용하기 위해서는     - LayoutManager     - Adaper 를 지정해주어야 한다. 1. 리스트에 보여질 각 항목 item layout 생성 다음과 같이 "id contents" 로 구성하였다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 < ?xml version = "1.0"  encoding = "utf-8" ? > < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"     android:layout_width = "wrap_content"     android:layout_height = "wrap_content"     android:orientation = "horizontal" >      < TextView         android:id = "@+id/id"         android:layout_width = "wrap_content&

미니 메추리 키우기 - 사육장 만들기

미니 메추리는 우리가 알고 있는 일반 메추리보다 조금 작은 개체입니다. 버튼퀼(버튼퀘일)이라고도 불리죠. 일반 메추리보다 작기도 하고 짝이 맞는 암수가 같이 있으면 그리 시끄럽지도 않습니다. 여러 모로 키우기가 좀더 수월하죠. 첫 번째 단계로 먼저 아이들이 지낼 집을 만들어 주었습니다. 사실 여러 고민을 많이 했어요 지금 소개하는 집을 만들기 전에는 120L 짜리 대형 리빙 박스로 집을 만들어 주었었죠. 값이 저렴하고 개량하는 것이 크게 어렵지 않기 때문에 많은 분들이 리빙 박스를 개조하여 집을 만들어 주고 있어요. 저 같은 경우는 보온을 생각해서 안쪽에는 단열재를 덧대기도 했죠. 하지만 사실 리빙 박스로 집을 만드는게 아주 쉽지만은 않아요. 물론 있는 그대로를 사용하신다면 어려울 건 전혀 없죠. 그런데 만약 전구를 달기 위해 구멍을 뚫거나, 환기 구멍을 뚫거나 기타 여러 필요에 의해 리빙 박스를 뜯어 고쳐야 한다면 이야기가 달라지죠. 저도 사실 이런 불편함에 고민고민을 하다가 오늘 소개해 드릴 두 번째 집과 같은 것을 생각하게 되었어요. 바로 시중에서 쉽게 구할 수 있는 종이 박스를 활용한 것인데요. 위쪽 뚜껑에는 구멍을 두 개를 뚫었어요. 작은 구멍은 온도 조절을 위한 전구 바로 위쪽으로 온도가 너무 올라갈 경우 온도 조절을 위해 뚫어 놓았고요.  아래 좀더 큰 구멍은 물, 먹이 등을 교체해주기 위한 구멍이에요.  정면에는 창을 내어 관찰할 수 있게 했어요. 지금은 저 가운데도 잘라내서 크게 창 하나로 만들었어요. 안쪽에는 온도계를 비치하여 내부 온도를 확인할 수 있게 해두었습니다. (지금 생각해보니 전구 바로 아래쪽에 위치한 탓에 제대로 된 온도 측정이 될지 모르겠네요;;;) 그리고 보셔서 아시겠지만, 내부 바닥, 옆면에 단