Firebase Hosting과 CI를 연결하는 방법을 씁니다 (•̀ᴗ•́)و
GitHub 에 push 되면 CI가 움직이고, 다니면 Firebase Hosting에 deploy하는 느낌입니다.

이번에는 CI에 Travis CI을 사용합니다.
※일단, 여가 시간에 다른 CI도 써 갈 예정입니다.

① 웹사이트 작성 및 Firebase Hosting 설정

소개 웹사이트를 만듭니다.
그런 다음 firebase deploy 가능한 환경을 만듭니다.

이 근처는, 여기 에 상세하게 쓰여져 있으므로, 참고로 해 주세요^^

②GitHub와 Travis CI

※Travis CI나 GitHub의 등록이 아직의 분은 먼저 등록해 주세요.

GitHub에 리포지토리를 만들고 해당 리포지토리를 Travis CI에 추가합니다.
※이미 있는 리포지토리를 사용하는 경우는 이 작업은 불필요합니다.

Travis CI 관리 화면의 더하기 버튼을 누르면 GitHub의 리포지토리 목록이 표시됩니다.


이 중에서 방금 만든 리포지토리를 선택합니다.


Travis CI에 대한 자세한 설명은 여기에서는 생략합니다. 사용법 등은 이 근처을 보면 알기 쉽다고 생각합니다.

③ .travis.yml 작성

deploy만 하면 이것으로 괜찮습니다(•̀ᴗ•́)و
테스트 등의 장소는 원하는대로 작성하십시오 (웃음)$FIREBASE_TOKEN에 대한 자세한 내용은 다음과 같습니다.

travis.yml

language: node_js

node_js:
  - "4.0"

script:
  - echo "Deploy"

install:
  - npm install -g firebase-tools

after_success:
  - firebase deploy --token $FIREBASE_TOKEN

④FIREBASE_TOKEN 취득

CI에서 Firebase Hosting으로 배포하려면 token이 필요합니다.
시작하려면 터미널을 터미널에서 실행합니다.

firebase login:ci

브라우저가 열리고 로그인 화면이 열리므로 로그인합니다.



로그인이 성공하면 이런 화면이 표시됩니다.



에서 터미널에 Success! Use this token to login on a CI server: 라고 표시되어야 합니다.
그 아래쪽에 token이 있으므로이 token을 복사합니다.

⑤FIREBASE_TOKEN을 Travis CI로 설정

④의 token을 Travis CI로 설정합니다.

먼저 Travis CI 리포지토리Settings를 엽니다.


Environment Variables 에 방금 전 토큰을 넣고 Add 를 눌러 추가(^O^)/

⑥CI를 돌려 본다＼(^o^)／

⑤로 모든 설정이 완료됩니다.
그리고는 GitHub에 Push할 때마다 이런 느낌으로 Travis CI가 움직일 것입니다.



그리고, 무사히 패스 할 수 있으면, Firebase Hosting에 deploy 되고 있을 것입니다 ( *• ̀ω•́ )b