Hướng dẫn google drive hosting html - google drive lưu trữ html

Hướng dẫn sử dụng Host của Google Drive để làm Website

Posted on Tháng Tư 6, 2020Updated on Tháng Ba 30, 2020 Updated on Tháng Ba 30, 2020

Bây giờ Google đã cho phép tải lên tất cả các tập tin và có thể xuất bản chúng cho mọi người cùng xme. Trang web từ Google Drive cũng sẽ hỗ trợ JavaScript, do đó, nó có thể chạy một ứng dụng JavaScript trực tiếp từ Drive. Bài viết này sẽ hướng dẫn bạn cách làm thế nào để lưu trữ một trang web đơn giản trên Google Drive, Và cách để biến google driver thành một hostting để lưu trữ các file css và  javascripts.

Bước 1: Đăng ký tài khoản Google Drive

Vì google là một hệ sinh thái, nên bạn có thể sử dụng 1 tài khoản trên tất cả các dịch vụ của Google như Youtube, gmail, Google Plus, …

Nếu bạn nào chưa đăng ký tài khoản Google thì có thể tìm trên mạng. Bạn nào đã đăng ký ròi thì truy cập trực tiếp Website sau:

Bước 2: Cách dùng Google Drive để làm hosting lưu trữ/ chứa file css và javascript cho blog/website

– Bạn tạo thư mục để quản lý(đặt tên cho thư mục không quan trọng vì tên mà bạn sử dụng không xuất hiện trong các URL của trang Web). VD: Tạo thư mục DCT như hình

Hướng dẫn google drive hosting html - google drive lưu trữ html

– Chia sẻ thư mục để ai cũng có thể xem được bằng cách chuột phải vào thư mục mình tạo, chọn “chia sẻ” như hình dướichia sẻ” như hình dưới

Hướng dẫn google drive hosting html - google drive lưu trữ html

– Nhấn vào Nâng cao > Chọn Thay đổi > Tại mục chia sẻ liên kết, chọn BẬT – Công khai trên Web để ai cũng có thể xem liên kết của bạn. Nhấn lưu > Đã xong để kết thúc.Nâng cao > Chọn Thay đổi > Tại mục chia sẻ liên kết, chọn BẬT – Công khai trên Web để ai cũng có thể xem liên kết của bạn. Nhấn lưu Đã xong để kết thúc.

Hướng dẫn google drive hosting html - google drive lưu trữ html

– Mở thư mục và tải lên các nội dung của trang web của bạn – các trang HTML, tập tin CSS, hình ảnh và JavaScript.

Bước 3: Cách để chạy Website

– Trong thư mục chứa các tệp tin html, css, javascript. Copy một phần URL như hình, ví dụ ở đây: 0B9pZyM5hT0mxRkl5TEFRRk02cTQ0B9pZyM5hT0mxRkl5TEFRRk02cTQ

Hướng dẫn google drive hosting html - google drive lưu trữ html

Giả sử chúng ta có tệp html là masv.htmlmasv.html

Hệ thống sẽ tự động ra cái web của bạn đã thiết kế.

Hướng dẫn google drive hosting html - google drive lưu trữ html

Nếu bạn muốn chia sẻ cho mọi người có thể gửi trực tiếp đường link đó. Tuy nhiên nó hơi dài.

Nếu bạn muốn chuyên nghiệp, và đẹp hơn nữa. Có thể cài đặt cho tên miền của bạn về địa chỉ đó.

Đánh giá chung, tính năng host miễn phí của Google là khá nhanh, và cũng khá tiện dụng, đặc biệt với các bạn freelancer khi thiết kế web html cho khách hàng, hoặc demo sản phẩm html. Đây là tính năng khá hấp dẫn với tốc độ cao. Và đặc biệt, mọi file của bạn đều được bảo mật.

Google Drive là nơi lưu trữ file miễn phí của Google. Mỗi tài khoản khi khởi tạo sẽ có 15GB bộ nhớ trực tuyến miễn phí của Google. Một trong những ưu điểm đặc biệt là nó có thể chạy những file mà nó đang lưu trữ với tốc độ cao. Để tận dụng điều này, tôi xin đưa ra lưu trữ file trên Google Drive để dễ quản lý cũng như tăng tốc độ tải trang cho website của bạn.

Lợi ích lưu trữ trên Google Drive

Đối với lĩnh vực website thì ngoài việc chúng ta có thể tải lên CSS, Javascript, chúng ta còn có thể tải nhiều liệu loại file khác nữa để sử dụng như hình ảnh, nhạc, video, flash… mà không cần phải lo lắng về việc chi trả băng thông cũng như tốc độ.

Hướng dẫn google drive hosting html - google drive lưu trữ html

Đầu tiên Đầu tiên bạn đăng nhập vào Google Drive của bạn và tạo ra một thư mục mới để lưu trữ file

Hướng dẫn google drive hosting html - google drive lưu trữ html

Đặt tên cho Thư Mục của bạn 

Hướng dẫn google drive hosting html - google drive lưu trữ html

Sau đó nhấp chuột phải và chọn Chia sẻ

Hướng dẫn google drive hosting html - google drive lưu trữ html

Tại Đây bạn chọn tiếp phần Nâng Cao

Hướng dẫn google drive hosting html - google drive lưu trữ html

Làm theo hình bên trên nhé.

Hướng dẫn google drive hosting html - google drive lưu trữ html

Chọn công khai trên Web

Hướng dẫn google drive hosting html - google drive lưu trữ html

Bạn có thể copy ngay đoạn đường dẫn này để sử dụng.

Sau đó bạn có thể tải lên các File website của bạn để sử dụng như một Hosting. Ở đây tôi sẽ Demo cho các bạn thấy. Tôi sẽ tải về một giao diện HTML trên website và nó có tên là Inked – HTML Template Responsive Tattoo Portfolio. 

Hướng dẫn google drive hosting html - google drive lưu trữ html

Chúng ta sẽ Upload toàn bộ Code trong file tải về lên > Ở đây chúng ta có hai sự lựa chọn như hình bên dưới. Và tôi sẽ chọn cách tải Thư Mục để upload toàn bộ thư mục con và các file bên trong thư mục tôi muốn tải lên.

Hướng dẫn google drive hosting html - google drive lưu trữ html

Bạn còn nhớ khi nãy chúng ta đã Copy một đường Link từ thư mục iZdesigner-demo và nó có dạng như sau:

https://drive.google.com/folderview?id=0B2l0BaezKpPXfm5kcU5Dem1NUFRoVUZpWlNGS2ZwSGhJeEdvMjNFZWV0VG9ybFZHeHB5dlU&usp=sharing

Để bạn lấy được một file bất kì bạn giữ lại phần đuôi của đoạn mã trên, còn lại chuyển đường dẫn lại, kèm theo tên file bạn muốn sử dụng. Và để sử dụng, chúng ta sẽ cần tới đường dẫn này: https://googledrive.com/host/ 

Ở đây tôi sẽ có dạng như sau:

https://googledrive.com/host/0B2l0BaezKpPXfm5kcU5Dem1NUFRoVUZpWlNGS2ZwSGhJeEdvMjNFZWV0VG9ybFZHeHB5dlU

Xong rồi đấy, bạn thử dán đường Link bên trên lên trình duyệt và xem có giống với trang Demo website tại bài viết bên trên không.