Wednesday, August 28, 2013

Biến Google Drive thành nơi lưu trữ HTML, CSS và JavaScript

Google Drive

Là một người hay nghịch web và muốn chia sẻ kiến thức với mọi người nên tôi khá đau đầu về vấn đề hosting. Đã từng sử dụng host của Việt Nam, nhưng vấn đề rất hay gặp là tình trạng truy cập chậm hoặc không thể truy cập - trong khi blog của tôi có lượng người xem khá lớn.

Tôi cũng nghĩ đến giải pháp mua host nước ngoài, nhưng hiện điều kiện chưa cho phép - thế nhưng rất mừng rỡ là tôi mới phát hiện một giải pháp hoàn toàn miễn phí, cắt hẳn những lo lắng của chúng ta về vấn đề hosting.

Đó là sử dụng Google Drive.

Có lẽ bạn bất ngờ, vâng tôi cũng bất ngờ, trước tôi chỉ nghĩ Google cho phép lưu trữ và xem trực tiếp các file phổ thông như Docs, Excel - nhưng quả thực là giờ họ đã chấp nhận HTML, CSS và cả JacaScript host trên máy chủ của họ và có thể xem trực tiếp cũng như nhúng vào trang web. Và với Google Drive bạn không phải cảm thấy bất an về vấn đề chậm hay quá tải vì hệ thống Server của Google là cực kỳ khủng.

Tiếp theo là cách làm cụ thể, đầu tiên bạn vào Google Drive tạo một thư mục với tính năng chia sẻ với tất cả mọi người...

Bước 1: Tạo thư mục rồi đặt tên cho nó

Tạo thư mục

Bước 2: Nhấn vào thư mục để một mũi tên nhỏ hiện ra - sau đó click vào mũi tên nhỏ đó

click vào mũi tên nhỏ

Bước 3: Nhấn vào Chia sẻ

Nhấn vào Chia sẻ

 Theo mặc định thư mục bạn tạo sẽ ở chế độ riêng tư:

chế độ riêng tư

Nhưng vì bạn cần chia sẻ các file trong thư mục này để ai cũng có thể xem được nên chúng ta cần thay đổi chế độ riêng tư về Public - Công khai trên web.

công khai trên web

Giờ giả dụ bạn muốn up một file HTML có nhúng cả CSS trong đó thì đầu tiên, bạn up file đó như bình thường vào thư mục MyCode ở trên (file đó theo mặc định cũng được chia sẻ cho tất cả mọi người giống thư mục chứa nó).

Tôi đã up 2 file lên thư mục MyCode:

2 file ở thư mục chia sẻ

Giờ để lấy liên kết xem trực tiếp bạn nhấn vào file đó, rồi nhấn tiếp vào chia sẻ, một khung sau hiện ra:

liên kết để chia sẻ

Bạn copy đoạn link Liên kết để chia sẻ, nó có dạng như thế này:

https://docs.google.com/file/d/0BxKUKf8tfKupYmlPcnBURjdzVlE/edit?usp=sharing

Bạn chỉ cần chú ý dòng màu đỏ, copy đoạn đó và đưa nó vào URL sau:

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

Vậy là xong, bạn thử truy cập liên kết này xem: https://googledrive.com/host/0BxKUKf8tfKupYmlPcnBURjdzVlE/

Nó sẽ cho ra một trang giống y như là trang bạn up lên hosting có phí vậy.

Chú ý là bạn không cần thêm đuôi .html, .css hay .js đằng sau tên file, bạn cứ để nguyên địa chỉ của nó như vậy là được.

No comments:

Post a Comment