Gitlab CI에서 Firebase Hosting에 자동 배포하는 방법

1. 프로젝트에 Firebase 적용

npm install -g firebase-tools
firebase login
firebase init

2. Firebase 토큰 얻기

firebase login:ci

"1/hoge"라는 문자열(토큰)이 콘솔에 표시되므로 메모해 둡니다.

3. Gitlab CI에서 토큰 설정

Gitlab 프로젝트 페이지의 설정 탭에서 Environment variables 설정
키: FIREBASE_TOKEN
값: "1/hoge"# 위에서 얻은 토큰

4. CI 설정

프로젝트 폴더 바로 아래에 다음 파일 만들기

gitlab-ci.yml

image: rambabusaravanan/firebase

stages:
  - deploy

cache:                  
  paths:                
    - node_modules/     
  key: "$CI_BUILD_REPO" 

deploy-prod:
  stage: deploy
  only:
    - master
  script:
    - yarn
    - yarn run build
    - firebase use hoge-project-id --token $FIREBASE_TOKEN
    - firebase deploy --only hosting -m "Pipe $CI_PIPELINE_ID Build $CI_BUILD_ID" --token $FIREBASE_TOKEN

hoge-project-id 는 Firebase 프로젝트 ID로 변경



그리고 리포지토리를 푸시하면 자동 배포됩니다!

소감

의외로 쉽게 할 수 있었다
자동배포 기분좋아~
자세한 설명을 보고 싶은 사람은 (영어가 됩니다만) 참고 기사를 참조해 보세요!

참고

이상입니다!