[Firebase] Cloud Function을 사용해서 Hello World를 띄워보자

안녕하세요 Foma 입니다!

 

오랜만에 파이어베이스 관련해서 글을 쓰게 되었네요.

 

오늘 알아볼건 클라우드 펑션이라는 것인데요.

 

 

 

 

Cloud Function

---

 

먼저 클라우드 펑션이란?

간단하게 설명드리면 저번에 저희가 파이어스토어에 대해서 알아보았잖아요? (혹시 모르시는 분들은 여기 에서 먼저 보고와주세요~)

 

인스타그램으로 예를 들자면 만약 팔로워가 100만명이 있고 그 팔로워들의 포스트를 정렬하고 싶다면 어떻게 해야할까요?

 

직접 앱 내의 코드에서 파이어스토어 안의 수백만개의 문서를 읽고 받아와서 정렬해야 할것입니다.

 

그러면 앱의 메모리 소모도 너무 심해지고 클라이언트에서 관리하기 부담스러워질 것입니다.

 

하지만 이 클라우드 펑션을 사용하게 된다면 node.js에서 원하는 Http함수를 만들어놓고 앱 클라이언트에서 이 함수를

 

호출하게 되면 특정 코드를 실행해서 원하는 데이터만 받아올 수 있게 됩니다!

 

그래서 오늘 해볼건 node.js에 헬로월드라는 http함수를 만들고 이 함수를 iOS앱에서 실행시켜서 데이터를 출력시켜볼거에요!

 

node.js를 다루기 위해선 javascript언어를 조금 알아야해요 ㅜ (저도 잘 모릅니다... 그냥 복사 붙여넣기로 따라해보았어요. 오늘 해볼건 크게 상관없으니 걱정은 ㄴㄴ)

 

자! 가장 먼저 해야할건  여기 에서 node.js를 다운로드 해주세요.

 

그리고 npm을 설치해주셔야하는데요.

 

Homebrew라는 맥OS 패키지 관리를 쉽게 해주는 것을 여기서 다운로드 해주시고

 

간단하게 터미널에 붙여넣기하신 뒤에

터미널에 "brew install node"라고 해주시면 npm이 설치됩니다!

그리고 마지막으로 설치해주셔야 할 것은 node.js를 코드를 작성해줄 IDE Visual Studio를 여기에서 다운로드 해줍니다.

이제 설치할 것은 모두 끝났구요.

 

파이어베이스 콘솔로 여기 이동하셔서 파이어베이스 요금제를 업그레이드 해주셔야 클라우드 펑션 사용이 가능해집니다.

 

본격적으로 클라우드펑션을 설치해줍시다.

 

터미널로 이동하셔서 "npm install -g firebase-tools" 라고 쳐주세요.

 

만약 아래와 같이 에러가 난다면 "sudo npm install -g firebase-tools" 이라고 쳐주세요. 

그리고 "firebase login"이라고 쳐주시고 "Allow Firebase to collect CLI usage and error reporting information?" 이라고 뜰건데 Y를 입력해주세요.

그러면 아래와 같이 홈페이지로 자동으로 이동될텐데 계정을 선택한뒤 Fibase CLI 액세스를 허용해주세요.

그리곤  Xcode에서 프로젝트를 생성해줍니다.

 

터미널에서 해당 프로젝트가 있는 주소로 이동해줍니다. "cd 프로젝트주소"

그리고 "firebase init"을 해주시면 아래와 같이 뜰거에요.

아래로 내려보시면 아까처럼 또 물어보는게 있을거에요. 파이어베이스에 어떤 프로젝트를 쓸거냐고 물어보는건데 원하시는 프로젝트를 골라주세요.

 

그 다음 Functions: Configure and deploy Colud Functions를 스페이스바로 눌러주세요

그 다음으로 어떤 언어를 쓸거냐고 물어보면 JavaScript를 선택해주시고 그 다음은 모두 Y를 해주시면 설치가 될겁니다.

그리고 해당 프로젝트로 이동하시면 functions란 파일이 생겼을거에요.

이제 Visual Studio로 이동합니다. 아까 만들어줬던 Xcode 프로젝트를 열어주세요.

 

그러면 왼쪽에 보시면 node_modules라는게 있을거에요.

거길 눌러서 확장시켜주시고 .gitinnore이라는 이름을 가진 파일을 생성해줍니다.

.gitignore파일에 "node_modules/"라고 입력해줍니다.

그리고 index.js에 이동하셔서 아래와 같이 작성해주시고 반드시 command + s를 눌러서 파일을 저장해줍니다.

그 다음 터미널로 이동하셔서 firebase deploy라고 입력해줍니다.

그리고 파이어베이스 콘솔로 이동해 클라우드 펑션을 들어가보면 아래와 같이 함수 트리거가 발생한 것을 볼 수 있을거에요!.

Pod

---

이제 이걸 앱에 연결하기 위해서 먼저 해주셔야 할건 pod을 해당 프로젝트에 설치해주셔야합니다.

 

터미널에서 해당 프로젝트에 이동해서 "pod init" 을 해주시면 프로젝트 폴더에 podfile이 생길겁니다.

 

podfile에 아래와 같이 pod 'Firebase/Functions'를 넣어주시고

 

터미널에 pod install을 해줍니다.

Storyboard

---

Storyboard에서 Hello World를 띄울 레이블을 연결해줍니다.

ViewController

---

그 다음 ViewController로 이동해서 "import FirebaseFunctions" 를 해줍니다.

그 다음 아래와 같이 작성해주고 시뮬레이터를 실행해줍니다.(소스코드는 아래에 있습니다!)

그러면 다음과 같이 Hello World!가 띄워지게 됩니다!!

Source Code 

---

 

fomagran/CloudFunctionExample

 

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

import UIKit import FirebaseFunctions   class ViewController: UIViewController {          @IBOutlet weak var label: UILabel!     lazy var functions = Functions.functions()       override func viewDidLoad() {         super.viewDidLoad()         let data = ["text": "Hello World!"]                 functions.httpsCallable("helloWorld").call(data) { (result, error) in                   print("Function returned")                   if let err = error {                       print(err)                   }                                    if let res = result {                     let resdic = res.data as? [String:Any]                     self.label.text = resdic!["message"] as? String                   }               }     }     }   Colored by Color Scripter