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