GiitHub Actions에서 create-react-app를Firebase로 자동 디버깅

[OS:windows] 결과를 맨 뒤로 입력합니다.
브라우저에서 GiitHub의 해당 창고 작업 탭을 클릭하고 New Workflow를 클릭합니다.yml 파일을 생성합니다.
이하.페이지 번호

name: masterDeploy CI

on:
  push:
    branches:
      - master
jobs:
  deploy:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [15.x]
    steps:
      - uses: actions/checkout@v1
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v1
        with:
          node-version: ${{ matrix.node-version }}
      - name: Install yarn Packages
        run: yarn install
      - name: Build page
        run: yarn build
        env:
          CI: false
      - name: use release
        run: yarn firebase use release --token xxxxx
      - name: deploy to Firebase Hosting
        run: yarn firebase deploy --token xxxxx

위에서부터 설명한다.

name: masterDeploy CI

on:
  push:
    branches:
      - master
jobs:
  deploy:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [15.x]
    steps:
      - uses: actions/checkout@v1
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v1
        with:
          node-version: ${{ matrix.node-version }}

push가masterbranch가 있으면 실행합니다.
운영체제는 ubuntu-latest입니다.
Node.js는ver15입니다.x를 사용하다.
(Node.js에도 yarn이 있는 것 같아서 지정하면 정상적으로 사용할 수 있습니다)
다음 템플릿을 복사해서 사용하는 느낌이라 아직 완전히 이해가 안 됐어요.
https://docs.github.com/ja/actions/guides/building-and-testing-nodejs

      - name: Install yarn Packages
        run: yarn install
      - name: Build page
        run: yarn build
        env:
          CI: false	

yarn install 구축
지금 프로젝트가 굉장히 많은 분들이 바쁘세요.
CI: 거짓이 아니면 구축 오류가 발생합니다.
(CI: 저는 진짜 통과된 프로젝트를 하고 싶어요. 언제 할지 모르겠지만.

      - name: use release
        run: yarn firebase use release --token xxxxx
      - name: deploy to Firebase Hosting
        run: yarn firebase deploy --token xxxx

yarn에서 Firebase를 호출하여 실행합니다.
실행 시 토큰이 필요합니다
자신의 PC의 cmd 등으로 실행firebase login:ci하면 토큰을 받을 수 있습니다.
xxxx를 기입하세요.
(GiitHubAction에 비밀 상수를 입력하는 설정이 있는 것 같아서 사실 이걸 사용하는 게 좋을 것 같아요)
브라우저의 GiitHub에서 동작을 확인한 후 vscode 등을 통해 항목을 pull합니다.
이렇게 하면push시workflow에 권한이 없는 오류가 발생하기 때문에workflow의 권한 등 유효한token을 획득할 수 있습니다.방법은 아래 링크를 참조하십시오
https://docs.github.com/ja/github/authenticating-to-github/creating-a-personal-access-token
윈도우즈에서 작업 표시줄 검색에서 자격 정보 관리자git:https://github.com를 시작하고 현재 사용자 이름과 비밀번호를token으로 설정하면 됩니다.
이렇게 로컬에서mastar로 밀어내면 동작이 자동으로 실행됩니다.
현재 React &firebase는 이야기 구축 지원 WEB 도구를 개발하고 있다.
개발 진도 등 트위터:
생활상 이유로 모함 PC를 노트북으로 원격으로 개발했으나 모함의 갑작스러운 단전으로 오래전부터 신경 쓰던 지아이허브액션스를 시도했다.공짜 테두리가 많기 때문에 개인이 사용하는 부분은 충분하다.개발과 본격적인 환경 전환의 좋은 방법을 찾았으니 정말 다행이다.(전환이 가능하다는 것은 아니다. 지점과 액션(구체적으로 복사)의 조합을 통해 활용하고 싶다.)
● 1/20추기: 전환 가능.GiitHub Actions를 통해 env 설정REACT_APP_XXXX을 수행하고 창고 원본에서 env 설정process.env.REACT_APP_XXXX을 읽습니다.이렇게 하면mastar의push 동작을 할 때만 정식 환경용 설정으로 전환됩니다.
부상당한 공명.그나저나 PC의 USB 장비가 groomb를 모두 뽑으면 안정적으로 작동합니다.모함은 리젠 3900X이기 때문에 그레이브를 빼면 원격 데스크톱을 사용할 수 없을 것 같습니다.
정상적으로 사용할 수 있습니다.무슨 일이 생겼을 때 힘들었지만 RTX3060을 사기 전까지는 참고 싶어요.