使用CircleCI将ReactJS持续部署到Firebase托管

$ create-react-app learn-cd- react-firebase$ cd learn-cd- react-firebase$ yarn install$ yarn build

$ firebase login? Allow Firebase to collect anonymous CLI usage and error reporting information? No
Visit this URL on any device to log in :
https: //accounts.google.com/o/oauth2/auth?client_id&＃61;563584335869-xxxxxxx
Waiting for authentication...
✔ Success! Logged in as arryanggaputra&＃64;gmail.com

You&＃39;re about to initialize a Firebase project in this directory:
/Users/arryanggaalievpratamaputra/sites/learn-cd-react-firebase
? Which Firebase CLI features do you want to setup for this folder? Press Space to select features, then Enter to confirm your choices.◯ Database : Deploy Firebase Realtime Database Rules◯ Firestore: Deploy rules and create indexes for Firestore◯ Functions: Configure and deploy Cloud Functions
❯◉ Hosting: Configure and deploy Firebase Hosting sites◯ Storage : Deploy Cloud Storage security rules

First, let&＃39;s associate this project directory with a Firebase project. You can create multiple project aliases by running firebase use --add, but for now we&＃39;ll just set up a default project.
? Select a default Firebase project for this directory :[don &＃39;t setup a default project]mws-surabaya (mws-surabaya)
❯ learn-cd-react-firebase (learn-cd-react-firebase)[create a new project]

&＃61;&＃61;&＃61; Hosting Setup
Your public directory is the folder (relative to your project directory) that
will contain Hosting assets to be uploaded with firebase deploy. If you
have a build process for your assets, use your build &＃39;s output directory.
? What do you want to use as your public directory? build
? Configure as a single -page app (rewrite all urls to /index.html)? Yes
? File build/index.html already exists. Overwrite? No
i Skipping write of build/index.html
i Writing configuration info to firebase.json...
i Writing project information to .firebaserc...
✔ Firebase initialization complete!

yarn run v1 . 10 . 1
$ react-scripts buildCreating an optimized production build...Compiled successfully.
File sizes after gzip:
34 . 71 KB build/static/js/1.fa92c112.chunk.js763 B build/static/js/runtime~main.229c360f.js713 B build/static/js/main.b50be446.chunk.js511 B build/static/css/main.3a30845b.chunk.cssThe project was built assuming it is hosted at the server root.
You can control this with the homepage field in your package.json.
For example, add this to build it for GitHub Pages:
"homepage" : "https://learn-cd-react-firebase.firebaseapp.com" ,
The build folder is ready to be deployed.
You may serve it with a static server:
yarn global add serveserve -s buildFind out more about deployment here:
http :// bit.ly/CRA-deploy✨ Done in 13 . 14 s.

&＃61;&＃61;&＃61; Deploying to &＃39;learn-cd-react-firebase&＃39; ...
i deploying hosting
i hosting[learn- cd -react-firebase]: beginning deploy...
i hosting[learn- cd -react-firebase]: found 15 files in build
✔ hosting[learn- cd -react-firebase]: file upload complete
i hosting[learn- cd -react-firebase]: finalizing version ...
✔ hosting[learn- cd -react-firebase]: version finalized
i hosting[learn- cd -react-firebase]: releasing new version ...
✔ hosting[learn- cd -react-firebase]: release complete
✔ Deploy complete!
Project Console: http s: //console.firebase.google. com /project/learn- cd -react-firebase/overview
Hosting URL: http s: //learn- cd -react-firebase.firebaseapp. com

version: 2
jobs:
build:
docker:
- image: &＃39;circleci/node:8&＃39;
working_directory: ~/repo
steps:- checkout
- restore_cache:
keys:- &＃39;v1-dependencies- {{ checksum "package.json" }} &＃39;- v1-dependencies-
- run: &＃39;yarn install&＃39;
- save_cache:
paths:- node_modules
key: &＃39;v1-dependencies- {{ checksum "package.json" }} &＃39;
- run: &＃39;yarn test&＃39;

$ firebase login: ci
Visit this URL on any device to log in :
https: //accounts.google.com/o/oauth2/auth?client_id&＃61;563584335869-fgrhgmd
Waiting for authentication...
✔ Success! Use this token to login on a CI server:
1/qV80aq1eE06WJkIkwEmkkoU12iIKq2DYOV2gNiTmg
Example: firebase deploy -- token "$FIREBASE_TOKEN"

- run:
name: &＃39;Build Project&＃39;
command: &＃39;yarn build&＃39;
- run:
name: &＃39;Deploy to Firebase Hosting&＃39;
command: &＃39;./node_modules/.bin/firebase deploy --token&＃61;$FIREBASE_TOKEN&＃39;