反応とFireBaseとGithubアクションで展開を自動化!
3284 ワード
マイワークフロー
あなたの側プロジェクトの展開を自動化することは、あなたが将来の自分のためにできる最善のことの一つです.連続展開または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
Reference
この問題について(反応とFireBaseとGithubアクションで展開を自動化!), 我々は、より多くの情報をここで見つけました
https://dev.to/tanvesh01/automating-deployment-with-react-and-firebase-and-github-actions-1bel
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
firebase login:ci
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
Reference
この問題について(反応とFireBaseとGithubアクションで展開を自動化!), 我々は、より多くの情報をここで見つけました
https://dev.to/tanvesh01/automating-deployment-with-react-and-firebase-and-github-actions-1bel
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
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 }}
角度の人々のための同様のチュートリアル:
Link
Reference
この問題について(反応とFireBaseとGithubアクションで展開を自動化!), 我々は、より多くの情報をここで見つけました https://dev.to/tanvesh01/automating-deployment-with-react-and-firebase-and-github-actions-1belテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol