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`build`như 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