反応とFireBaseとGithubアクションで展開を自動化!


マイワークフロー


あなたの側プロジェクトの展開を自動化することは、あなたが将来の自分のためにできる最善のことの一つです.連続展開またはCDとも呼ばれます.このブログでは、無料のホスティングや連続展開のためのGithubアクションのFireBaseを使用します.
あなたがここにいるならば、あなたはおそらくFireBaseについて知っています.そして、それはホスティング、リアルタイムデータベース、雲保管などのサービスを提供するGoogleによるその開発プラットホーム.
あなたがFireBaseの前に反応アプリを配備したことがないならば、そこにチュートリアルのトンが、ここにあります
私は、そのレポに押されるとき、私の側プロジェクトをFirebaseに構築して、配備するために、Githubアクションを書きました.
あなた自身の行動を書くとき、あなたがFIREBASE_TOKEN 準備完了.また、あなたのレポ内の端末でこれを行うことによって自分自身を生成することもできます.
firebase login:ci
そして、あなたのGithubレポの秘密にこのトークンを加えてくださいFIREBASE_TOKEN

提出カテゴリ


DIY展開

YAMLファイルまたはコードへのリンク


name: Firebase Deploy
on:
  push:
    branches:
      - master

jobs:
  build:
    name: Build
    runs-on: ubuntu-latest
    steps:
      - name: Checkout Repo
        uses: actions/checkout@master
      - name: Install Dependencies
        run: npm install
      - name: Build
        run: npm run build
      - name: Archive Production Artifact
        uses: actions/upload-artifact@master
        with:
          name: build
          path: build
  deploy:
    name: Deploy
    needs: build
    runs-on: ubuntu-latest
    steps:
      - name: Checkout Repo
        uses: actions/checkout@master
      - name: Download Artifact
        uses: actions/download-artifact@master
        with:
          name: build
          path: build
      - name: Deploy to Firebase
        uses: w9jds/firebase-action@master
        with:
          args: deploy --only hosting
        env:
          FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
メインへのリンクです.YMLファイル:main.yml

これがレポです


tanvesf 01 / 戴冠式


コロナトラッカーアプリは、covid陽性の数を追跡し、回復し、インドと世界の死


このプロジェクトはブートしたCreate React App .

利用可能なスクリプト


プロジェクトディレクトリで実行できます.

NPMスタート


開発モードでアプリケーションを実行します.
オープンhttp://localhost:3000 ブラウザで表示するには.
あなたが編集をするならば、ページは再ロードされます.
コンソール内のlintエラーも表示されます.

NPMテスト


インタラクティブウォッチモードでテストランナーを起動します.
詳しくはrunning tests を参照してください.

NPMのビルド


生産のためのアプリケーションをビルドしますbuild フォルダ.
それは正しく束が生産モードで反応し、最適なパフォーマンスのためのビルドを最適化します.
ビルドはミニ化され、ファイル名はハッシュを含みます.
あなたのアプリケーションを展開する準備が整いました!
詳しくはdeployment を参照してください.

( NPMの実行)


注意:これは一方向操作です.一度eject , あなたは戻って行くことはできません!
ビルドツールに満足していない場合.
View on GitHub

追加情報


角度の人々のための同様のチュートリアル:
Link