CÁC ỨNG DỤNG TRONG LẬP TRÌNH WEB
BÀI 1: TẠO HOSTING TRÊN FIREBASE
Đầu tiên, kiểm tra xem máy tính đã cài đặt NodeJS chưa. Mở command (Window+R >> cmd >> OK) lên và nhập:
node --version
Nếu chưa cài đặt thì đây là link để cài đặt: nodejs.org
Sau khi tải xong thì mở file lên để setup. Lưu ý gần cuối thì tick vào ô yêu cầu "tự động cài đặt" để hệ thống hoàn thành các chương trình cần thiết.
Thứ hai, cài đặt Firebase CLI. Tiếp tục mở command và nhập: npm install -g firebase-tools
Kiểm tra xem đã cài đặt thành công chưa: firebase --version
Bước thứ 3, login vào firebase: firebase login
Firebase sẽ hỏi bạn có cho phép Firebase thu thập dữ liệu để thống kê không thì bạn có thể chọn (y/n): mình thì thích nhìn các số thống kê nên sẽ chọn (y).
Khi xuất hiện một trình duyệt thì bạn chọn tài khoản google của mình.
Sau khi hoàn tất thì tắt trình duyệt và command.
Bước thứ 4, chọn một thư mục trong máy tính để lưu source code.
Trong thư mục vừa tạo, các bạn mở lại cmd trong thư mục đó bằng cách. Đưa con trỏ chuột click vào ô đường dẫn của thư mục. Khi toàn bộ đường dẫn được tô đen thì gõ "cmd". Vậy là mở được cmd trong thư mục.
Trong command, gõ firebase init hosting
Hệ thống sẽ hỏi tiếp tục hay không thì gõ: y rồi nhấn enter.
Lúc hệ thống sẽ xuất hiện đoạn lệnh như hình dưới:
Dùng dự án hiện có. (mình thường dùng cách này cho nhanh)
Tạo dự án mới.
Thêm trong một dự án khác trong GCP.
Không cài đặt trong dự án nào cả.
Sau khi lựa chọn dự án: chọn tiếp như hình dưới.
Bước thứ 5, mở Visual Studio Code lên.
Open folder dự án của bạn.
Mở lại command, gọi firebase serve --only hosting các bạn sẽ thấy một đường dẫn web được lưu tạm trong host máy tính của bạn. Mở nó lên và xem nội dung trang web hiện tại.
Nếu thành công sẽ ra giống bên dưới vậy. Vậy là có web rồi á!
Tip để xóa đuôi (html, css, script...) khi truy cập
Trong file firebase.json thêm đoạn code như hình dưới:
Trong cmd gọi lại firebase serve --only hosting để build lại
Cuối cùng, public web bằng domain của firebase.com nhé!
Trong cmd gõ firebase deploy
Firebase sẽ cho chúng ta 2 đường dẫn đến web:
Một là, https://your_web.web.app
Hai là, https://your_web.firebaseapp.com