React web 透過 github action 部屬到firebase hosting 架設網站
github project 建立 先去 https://github.com/ 建立一個專案,然後要把 user/repository 記起來 ex : kirinchen/firebase-react-demo 然後我們找個目錄把專案clone下來 react project 建立 npx create-react-app firebase-react-demo --template typescript 先決條件要先安裝 npm & nodejs 可以參考這裡 為什麼用React？什麼是Create-React-App？ 先到該專案啟動測試看看 cd firebase-react-demo npm start console output http://localhost:3000 Note that the development build is not optimized. To create a production build, use npm run build. webpack compiled successfully No issues found. 打開瀏覽器 type http://localhost:3000 這樣就成功了!! firebase hosting 設定 先到 https://console.firebase.google.com/ 新增一組 firebase project 再回到專案cmd下 如果沒有安裝過 firebase cli 請安裝 npm install -g firebase-tools 登入 Google firebase login 啟動初始化專案： firebase init 用方向鍵選擇到 然後用 空白鍵確定 Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys 然後選擇 (用方向鍵選擇) Use an existing project 選擇剛剛建立的專案 之後選擇如下 ? What do you want to use as your public directory? build