Firebase: PR을 높이기만 하면 환경을 돌아보는 방법을 만들 수 있습니다(2/2) - 로컬

추기


Giithub Action x 개인 창고의 실현 방법은 다음과 같다.
https://zenn.dev/yuuyamiyamae/articles/c4be0c1c700b5423ea99

Introduction


Firebase x Next.jsxTyperscript로 2개월 개발을 시작합니다.
화면이 추가되고 변경됐을 때의 회고를 할 때 행동 확인까지 해냈으면 좋겠다고 생각했어요.
찾으면 Firebase Preview Channels 발매가 돼서 가져왔어요.

전제 조건


구축 중인 사람
다음은, Next.여기 참고해주세요.
https://github.com/vercel/next.js/tree/canary/examples/with-firebase-hosting

검사 환경 만들기


Firebase hosting에서는 preview channels라고 합니다.
  • Firebase tools 설치
  • npm i firebase-tools -g
    
    firebase -V # v8.12.0 以上なら使用可能
    
  • 미리 보기 채널 만들기
  • firebase hosting:channel:deploy firebase-for-zenn # {firebase-for-zenn}は任意
    
    Project Console: https://console.firebase.google.com/project/yuyamiyamae/overview
    Hosting URL: https://yuyamiyamae.web.app
    
    ✔  hosting:channel: Channel URL (yuyamiyamae): https://yuyamiyamae--firebase-for-zenn-kzjf414m.web.app [expires 2020-11-09 19:10:39]
    

    총결산

    Preview Channels 심사 체제를 한층 높였다.Github Action도 가능할 것 같아서 도입하자마자 수출하고 싶어요.

    좋은 웹페이지 즐겨찾기