Labels

[Blogger] Sử dụng firebase làm host lưu trữ cho blog/website

Với mỗi blogger việc tạo 1 host lưu trữ cho trang web của mình là điều hết sức cần thiết để lưu các file js, css hay file ảnh. Việc google drive host ngừng hoạt động gây không ít khó khăn. Vì thế bài viết này đề xuất sử dụng firebase của google để làm host cho web

Trước tiên bạn tiến hành truy cập vào địa chỉ https://www.firebase.com/ tạo cho mình 1 tài khoản hoặc log in bằng google cũng được

Tiếp theo tạo 1 project để quản lý ví dụ

Bạn mở project vừa tạo ra thì có thể thấy firebase cung cấp rất nhiều tính năng cool cho dân lập trình viên, ở phạm vi bài viết bạn chọn tab Storage

Rồi đến đây thì giao diện như google drive rồi bạn chọn upload file và tải lên 1 file ảnh, hay file css, html, javascript tùy theo ý bạn. Ví dụ ở đây mình sẽ tải 1 file ảnh và 1 file javascrip lên nhé


Để lấy link file ta tiến hành kích chuột vào vùng của file chuyển xuống mục File location > Download Url


Đây là 2 link Demo mình lấy được
https://firebasestorage.googleapis.com/v0/b/essencetemplate.appspot.com/o/Demo%2Fhung1001.jpg?alt=media&token=919ac083-9f17-417f-8bf6-ded7712579ff 
  
https://firebasestorage.googleapis.com/v0/b/essencetemplate.appspot.com/o/Demo%2Fjquery-3.3.1.min.js?alt=media&token=1f125a07-174d-4c66-88d2-7b6fb5e010c9 

Lưu ý:  trong link đích thu được có chứa kí tự &, khi bạn dán link vào widget thì không sao nhưng dán vào phần chỉnh sửa HTML chắc chắn nó sẽ báo lỗi đỏ lòm. Để khắc phục bạn phải thêm sau kí tự & thêm 4 kí tự nữa là amp;

Ví dụ
https://firebasestorage.googleapis.com/v0/b/essencetemplate.appspot.com/o/Demo%2Fjquery-3.3.1.min.js?alt=media&token=1f125a07-174d-4c66-88d2-7b6fb5e010c9

Giờ thì có thể dùng link đó để nhúng vào html hay các bài viết của trang ok rồi đúng không. Chúc các bạn thành công
Bạn được tự do bày tỏ quan điểm nhưng nghiêm cấm spam
  • Chèn ảnh theo mẫu [img]link[/img]
  • Chèn video Youtube theo mẫu [youtube]link[/youtube]
  • Chèn code theo mẫu [pre]code[/pre]. Lưu ý: mã hóa code trước khi bình luận

  • Hiệp Nguyễn 2/13/2017 05:56:00 PM
    được có 5GB lưu trữ :(
    Hưng Hoàng Văn 2/21/2017 10:05:00 PM
    Lưu trữ code thế là hợp lý rồi :)
    1