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に変更すること

あとはリポジトリをプッシュすれば自動デプロイされます！

所感

意外と簡単にできた
自動デプロイ気持ちいい〜
詳細な説明を見たい人は（英語になりますが）参考記事を参照してみてください！

参考

以上です！