Hướng dẫn Upload Website tĩnh lên Hosting miễn phí || Firebase

Hôm nay tôi sẽ hướng dẫn anh em upload một giao diện web HTML lên internet miễn phí. Mà cụ thể ở đây là dịch vụ Google Firebase. Ngoài hosti...

Hôm nay tôi sẽ hướng dẫn anh em upload một giao diện web HTML lên internet miễn phí. Mà cụ thể ở đây là dịch vụ Google Firebase. Ngoài hosting được upload, thì anh em cũng có một tên miền đi kèm.
Trên là trang web đã được mình upload lên firebase thành công, và có tên miền dạng tenwebcuaban.web.app, cũng không dài cho lắm. Để anh em dễ ghi nhớ ấy mà. 

1, Firebase là gì?

Đây là dịch vụ của google cho phép anh em upload 1GB hosting miễn phí, tốc độ lại khá nhanh nên anh em sinh viên hay sử dụng. Ngoài ra còn có dịch vụ khá nổi tiếng khác nữa là 000webhost, nhưng tôi thấy tốc độ và tính năng thua xa firebase.

2, Các bước chuẩn bị

Trên code HTML cần upload

Đây là thư mục code mà tôi muốn upload lên, các bạn lưu ý ở chỗ khoang vào file đuôi .html, anh em đặt tên là index.html, chứ đừng để trangchu.html. Vì để thế tí đỡ phải chỉnh sửa, và sau đó anh em bỏ hết code vào một thư mục cho dễ quản lý.

Trên máy tính của anh em

Để mà dùng firebase, thì anh em sẽ tải một số thứ về máy tính. Cụ thể là nodeJS là môi trường, và npm firebase nữa.
Đầu tiên, tải và cài nodeJS qua trang sau:

Sau khi cài xong, mở cmd của máy lên bằng cách ấn phím "Window+R" và nhập cmd sau đó, chạy lệnh sau:
node -v
nếu hiện như dưới tức là đã cài thành công.
Tiếp theo là cài firebase
Chạy lệnh sau để cài firebase từ npm
npm install -g firebase-tools
Vậy là đã xong môi trường, tiếp theo anh em đến với các bước chi tiết hơn để upload trang web lên và có một tên miền đi kèm.

3, Upload Website lên firebase

Thực hiện trên web firebase

Trước khi bắt đầu, thì anh em phải tạo một tài khoản firebase đã, mà tài khoản này tích hợp vào google nên chỉ cần vào trang sau là tự đăng nhập rồi.
Trang quản lý firebase: https://console.firebase.google.com/u/0/
Tiếp theo, chọn "add project" để tạo một project mới cho website cần upload.
Lưu ý ở đây BTL-TKW-Sach thì anh em đặt làm sao cho dễ đọc, vì sau này đây sẽ là tên miền của website.
Sau khi tạo xong project thì sẽ thực hiện trên máy tính, nơi có code website của anh em.

Thực hiện trên máy tính

Đăng nhập firebase trên máy tính
Chạy cmd lên

firebase login



Tiếp theo đến việc init code lên firebase. Mở lệnh cmd lên, va trỏ đến thư mục chứa code website cần upload. Ở dưới đây, thư mục của mình ở ổ D:\WebBanSach thì sẽ làm như sau:
firebase init

Sau đó chọn tới Hosting và ấn phím Space để xác nhận, rồi ấn Enter, chọn project cần upload website lên.
Sau khi chạy xong, thư mục sẽ thêm các file sau:
Lúc này, anh em copy hết code vào thư mục public, cả đường dẫn CSS, Pic có liên quan.

Tiếp tục, bước cuối cùng. Quay lại cmd và chạy lệnh sau để code được upload.
firebase deploy

Xong! 
4, Tên miền website
Sau khi website của anh em đã upload thành công, website sẽ có dạng:
https://{webcuaae}.web.app/
Ví dụ, web mình mới tạo: https://btl-tkw-sach.web.app/
Nếu thấy bài viết hay, thắc mắc thì anh em để lại bình luận. Tôi sẽ trả lời chi tiết.

COMMENTS

BLOGGER
Tên

bài viết hay,4,Bài viết khác,1,cấu trúc dữ liệu và giải thuật,3,fithou,36,ghim,4,giải tích 2,1,Hướng dẫn,5,Lập trình C,1,lập trình hướng đối tượng,3,Lập trình java,1,phần mềm,2,phần mềm lập trình,2,sách,1,tác phẩm đồ họa,3,tản mạn,4,Thiết kế web,3,thực hành lập trình cơ sở,18,thực hành lập trình hướng đối tượng,16,
ltr
item
Blog NDanh: Hướng dẫn Upload Website tĩnh lên Hosting miễn phí || Firebase
Hướng dẫn Upload Website tĩnh lên Hosting miễn phí || Firebase
https://1.bp.blogspot.com/-CgXJixYGBfM/XuUMO-kmMGI/AAAAAAAAg0I/7Lqxufr3yuc15XQ2y1-cupR5VWsG8n_HwCK4BGAsYHg/s320/firebase.jpg
https://1.bp.blogspot.com/-CgXJixYGBfM/XuUMO-kmMGI/AAAAAAAAg0I/7Lqxufr3yuc15XQ2y1-cupR5VWsG8n_HwCK4BGAsYHg/s72-c/firebase.jpg
Blog NDanh
https://blog.ndanh.com/2020/06/huong-dan-upload-website-len-hosting.html
https://blog.ndanh.com/
https://blog.ndanh.com/
https://blog.ndanh.com/2020/06/huong-dan-upload-website-len-hosting.html
true
1596452775547375681
UTF-8
Tải tất cả bài viết Không tìm thấy bài viết nào XEM TẤT CẢ Đọc thêm Trả lời Hủy trả lời Xóa Bởi Trang chủ PAGES POSTS Xem tất cả Bài viết đề xuất CHỦ ĐỀ LƯU TRỮ SEARCH TẤT CẢ BÀI VIẾT Không tìm thấy nội dung của bạn Quay về trang chủ Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow CHIA SẺ ĐỂ XEM NỘI DUNG Bước 1: Chia sẻ lên facebook chế độ công khai Bước 2: Vào facebook, ấn vào bài đã chia sẻ công khai để hiện nội dung! Click Copy All Code Select All Code Code của bạn đã được copy Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content