Deploy react project trên Firebase

Xin chào mọi người, chúng ta lại được gặp nhau nữa rồi ><, và trong topic lần này mình sẽ giới thiệu cách

làm thế nào để có thể deploy 1 project dễ dàng bằng firebase nhé.

Và chắc rồi chúng ta cùng tiến hành vào vấn đề chính luôn cho nóng nhé.

Các bước cần chuẩn bị:

Project có sẵn ( hoặc bắt đầu khởi tạo ) -> mình dùng project sẵn có cho nhanh nha.

bắt đầu với việc khởi tạo 1 project trên firebase để dùng cho việc chạy Hosting:

Và tới đây, chúng ta đã hoàn thành step đầu tiên, để sẵn sàng qua next step nhé.

Quay lại với project có sẵn của mình, để tiến hành cho việc deploy, mình khởi chạy 1 lệnh run build

để tạo môi trường cho việc build dự án lên server fisebase.

npm run build

tiếp đến, cùng quay lại màn hình Hosting Firebase khi nãy chúng ta đang dừng tạm thời

Khởi chạy firebase cli : npm install -g firebase-tools
Khởi chạy lệnh tiếp theo: firebase login -> để tiến hành connect project vào firebase

=> Đến bước này cần chú ý làm đúng để tránh config sai nhé, sau khi hoàn thành được,

trong project sẽ xuất hiện 2 fire do firebase tạo ra

firebase.json và .firebaserc

sau khi chạy lệnh firebase init => sẽ xuất hiện các câu hỏi để chúng ta config

Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys
Use an existing project (enter)
Select project ( chọn project khi nãy create trên firebase)
What do you want to use as your assets, use your build’s output directory => ( build)
Configure as a single-page app (rewirte all urls to /index.html) => (yes)
Set up automatic builds and deploys with GitHub => (no)
File build/index.html already exists. Overwrite => (no)

=> Tiến hành được đến đây là chúng ta phần nào sắp hoàn thành xong rồi đó,

việc còn lại là tiến hành khỏi chạy câu lệnh cuối cùng để thưởng thức thành quả của mình thôi.