Hướng dẫn đầy đủ từ việc deploy firebase hosting một dự án mới bằng hình ảnh

Author: Thanh Nguyễn

Trong bài viết này mình sẻ hướng dẫn các bạn "newber" về việc

Deploy firebase Hosting một dự án mới.

(hướng dẫn này đối với người chưa biết gì về firebase Hosting nhé..! )

Hãy bắt đầu thôi nhỉ .~~

Deploy firebase Hosting một dự án mới.

Đầu tiên để thiết lập Firebase Hosting bạn phải tạo một project trên firebase, bạn có thể tham khảo ở đây có hướng dẫn bạn thêm mới một project lên Firebase nhé..!

Rồi chúng ta tiếp tục nào

Bước 1:Cài đặt Firebase CLI

npm install -g firebase-tools

Bước 2:Trong project của bạn hãy chạy lệnh sau để kết nối dự án cục bộ với dự án Firebase

firebase init

• Nhấn Y và enter nhé.

• Chọn Hosting: Configure and deploy Firebase Hosting sites bằng nút space sau đó nhấn enter

• Tiếp theo lựa chọn project firebase của bạn

- chọn project của bạn tiếp theo hãy nhấn enter

• Tiếp theo hãy nhấn enter

• Chọn N và nhấn enter

  

• Tiếp nhé chọn N và nhấn enter

  

Ta sẻ có 2 file được tạo tự động .firebaserc và firebase.json

Sau khi hoàn thành các bước trên ta sẻ có 2 file .firebaserc và firebase.json

Lúc này firebase.json của chúng ta sẻ trông như thế này.bạn có thể tham khảo thêm tại đây

còn đây là firebase.json của mình:

• Tiếp theo chạy yarn build lúc này ta sẻ có file buildnhư thế này

• Cuối cùng ta deploy hosting chứ nhỉ hãy chạy lệnh firebase deploy --only hosting và đây là kết quả

Chúc mừng bạn, vậy là bạn đã deploy hosting thành công rồi bây giờ ta kiểm tra nhé .!

Truy cập vào firebase console hoặc bạn có thể click vào Project Console như trong hình

Và đây là kết quả của chúng ta

vùng khoanh tròn là link mặc định khi chúng ta deploy hosting hãy click vào và xem thành quả nhé

Như vậy là mình đã hướng dẫn các bạn deploy firebase Hosting bằng hình ảnh rồi nhỉ tiếp theo là phần Tạo cloudbuild lên google cloud platform các bạn xem tại đây.

Các bạn có thể xem thêm hướng dẫn ở đây

Hướng dẫn hosting : https://dev.classfunc.com/2020/07/23/deploy-firebase-hosting-cho-du-an-moi/

Tài liệu tham khảo : https://firebase.google.com/docs/hosting/quickstart