work harder, get smarter

human computer interactions

home

Chúng tôi đã tạo ra trang web này như thế nào?

Phần 1: Đầu tiên hãy cài Node Js trước nhé

Các bạn có thể làm theo tại đây nhé



Phần 2: Build tên miền

Để kết nối tới trang web các bạn cần 1 đường link, vào Freenom để build 1 tên miền miễn phí nhé

Trang web như này nhé



Bước 1: Nhập tên miền bạn muốn mua, nhập cả phần đuôi bạn muốn nữa nhé, ở đây mình sử dụng đuôi .tk

Trông như này nhé



Các bạn nhấn vào "1 domain in cart" , chọn tháng bạn muốn sử dụng, xong check out là được nhé

Các bạn cần đăng nhập để check out, nếu chưa có thì đăng kí nhé

Sau khi check out thì đã lưu tên miền rồi đấy, bạn trỏ về trang chủ, chọn Services, My domain, chọn tên miền của bạn, nhấn Magane Domain vào domain của bạn, ở đây mình dùng tên miền là hci2021gl.tk

Cứ để đây, mình tạo project rồi quay lại nhé

Phần 3: Firebase project

Trang web này mình tạo ra bằng template, chỉnh sửa HTML, JS, CSS sau đó up lên firebase( vì firebase có mục storage để lưu trữ như gg drive và nó miễn phí :D)

Các bạn truy cập Firebase, đăng kí 1 tài khoản, xong nhấn Get started, add project mới nhé

Các bạn làm như hình, mở Command bằng Windown + R, nhập cmd nhé

Các bạn tạo 1 file riêng để lưu trang web của mình nhé, nhấp vào dòng đường dẫn mở cmd lên, sẽ như này nhé

Nhập firebase init hosting

Nó sẽ hỏi các bạn là Are u ready to proceed? Các bạn nhấn enter là được nhé

Chọn Use an existing project

Nhấn enter để lưu public, nhấn y (Yes) nếu bạn muốn chọn tính năng dưới, ở đây mình chọn n (NO), enter là được nhé

Kết quả như hình là được nhé. Và trong cái thư mục của bạn sẽ như này

Mở folder public ra, file bạn cần quan tâm là index, đó cũng chính là trang web hiện tại của các bạn. Click đúp mở ra xem thử nhé

Bạn edit file index như nào thì trang web của bạn sẽ thay đổi theo

Để lấy link trang web hiện tại của bạn thì bạn mở cmd trong thư mục lên, nhập firebase deploy

Cú pháp này còn để up các tài liệu, thay đổi của bạn, nếu sửa code thì phải deploy lên nhé

Nó sẽ trả về 1 cái console và url, bạn dùng đường nào cũng được

Phần 4: Kết nối domain

Ok bây giờ mình sẽ gắn cái domain đã build lúc đầu vào project nhé

Các bạn vào firebase bằng chrome, chọn project các bạn đã dùng để tạo web, nhấn thanh menu mở hosting lên, nhấn get Started

Các bạn nhấn Add custom domain

Các bạn mở tab freenom lúc nảy lên, coppy cái value sang target ở tab freenom, chỉnh type thành TXT nhé

Sau đó nhấp Saves Changes, xong tạo thêm 2 cái records nữa

Ở tab firebase, bạn nhấn verify thì chưa được đâu, đợi 5-10p để hệ thống lưu rồi mới verify được nhé

Sau khi verify xong thì như này, lại cop 2 cái value vào target tiếp

Save lại là xong

Hiện tại domain của bạn ở hosting firebase sẽ hiện là need setup, các bạn cần chờ từ 30p-24h để nó connect, trong lúc đó thì chỉnh sửa trang web của mình nhé

Connect như này là xong. Mở đường link của các bạn lên là được nhé. Chúc các bạn thành công nhé