Chủ Nhật, 25 tháng 9, 2016

Sử dụng Google Drive để lưu trữ file Javascript và CSS

Sử dụng Google Drive để lưu trữ file Javascript và CSS
Có rất nhiều host miễn phí có thể giúp bạn lưu trữ file CSS, Javascript để nhúng vào web, Google Drive là một trong số đó, và dịch vụ này của Google ngày càng có nhiều người sử dụng.



Để sử dụng Google Drive tất nhiên là bạn phải có tài khoản Google - cái mà hầu hết những ai dùng Internet, Android đều có. Nếu bạn nào chưa có thì vào đây để đăng ký .
Các bước thực hiện như sau:

1. Chuẩn bị file

- Trong trường hợp bạn đã có sẵn file Javascript, hoặc tải từ internet xuống máy mà không cần chỉnh sửa gì thì có thể bỏ qua bước này.
- Còn nếu trong trường hợp Javascript được nhúng trực tiếp vào một trang Web hay một Template, tuy nhiên chúng quá dài hoặc đơn giản là bạn không thích nhúng trực tiếp, bạn muốn lưu nó trên host thì làm như sau
 Các đoạn script có dạng:
<script type='text/javascript'>
//<![CDATA[
function resetScroller(e){var o=window.pageYOffset,n=document.getElementById(e).offsetTop,r=setTimeout("resetScroller('"+e+"')",speed);o>n?(scrollY=o-distance,window.scroll(0,scrollY)):clearTimeout(r)}var appended=!1,bookmark2=document.createElement("div");bookmark2.id="backto-top",bookmark2.innerHTML='<div id="backtotop" onclick="return false;" onmousedown="resetScroller(&quot;nav&quot;);"></div>',onscroll=function(){var e=document.documentElement.scrollTop||document.body.scrollTop;e>100?appended||(document.body.appendChild(bookmark2),appended=!0):appended&&(document.body.removeChild(bookmark2),appended=!1)};var scrollY=0,distance=40,speed=10;
//]]>
</script>
Lưu ý là trong đoạn trên //<![CDATA[ và //]]>  có thể không có
Copy nội dung Javascript ở giữa:
<script type='text/javascript'>
//<![CDATA[

//]]>
</script>
Trong ví dụ trên, đoạn cần copy là đoạn bôi màu:
<script type='text/javascript'>
//<![CDATA[
function resetScroller(e){var o=window.pageYOffset,n=document.getElementById(e).offsetTop,r=setTimeout("resetScroller('"+e+"')",speed);o>n?(scrollY=o-distance,window.scroll(0,scrollY)):clearTimeout(r)}var appended=!1,bookmark2=document.createElement("div");bookmark2.id="backto-top",bookmark2.innerHTML='<div id="backtotop" onclick="return false;" onmousedown="resetScroller(&quot;nav&quot;);"></div>',onscroll=function(){var e=document.documentElement.scrollTop||document.body.scrollTop;e>100?appended||(document.body.appendChild(bookmark2),appended=!0):appended&&(document.body.removeChild(bookmark2),appended=!1)};var scrollY=0,distance=40,speed=10;
//]]>
</script>
Sau đó mở chương trình Notepad lên, dán đoạn vửa copy bên trên vào >> vào menuFile >> Save as.
>> Chọn nơi để lưu; chọn All Files ở mục Save as type và đặt tên file có đuôi .js
Sử dụng Google Drive để lưu trữ file Javascript và CSS

Như vậy là ta đã có file javascript

2. Lưu trữ trên Google Drive

Truy cập vào Google Drive, tạo một thư mục để chứa file, ví dụ là thư mục Hosting
Sử dụng Google Drive để lưu trữ file Javascript và CSS
Sau khi tạo thư mục, nhấp chuột phải lên thư mục, chọn Share (chia sẻ) >> Advanced(Nâng cao)
Sử dụng Google Drive để lưu trữ file Javascript và CSS
Tiếp tục chọn Change (Thay đổi):
Sử dụng Google Drive để lưu trữ file Javascript và CSS
Sau đó chọn On - Public on the web (Bật - Công khai trên web) và Save (Lưu) lại
Sử dụng Google Drive để lưu trữ file Javascript và CSS
Một trang mới hiện ra, Chọn Done (Đã xong)
Bạn truy cập vào thư mục chia sẻ trên, sau đó nhìn lên thanh địa  chỉ trình duyệt sẽ có dạng:
https://drive.google.com/drive/folders/0B3aiiOf9sXsSdGZXTjh0T19FZ00
Để ý đoạn bôi đỏ, đó chính là ID của thư mục Hosting vừa tạo
Bây giờ bạn muốn đưa file nào lên Google Drive thì chỉ cần chọn Upload hoặc kéo và thả file từ máy tính lên thư mục chia sẻ.

3. Lấy link file từ Google Drive

Ở bước trên ta đã đưa được file lên host, và có 2 cách để lấy link (địa chỉ) của file đã upload.

Cách 1

URL của file sẽ có dạng:
https://googledrive.com/host/Code-ID-Folder/File-name.js
Trong đó Code-ID-Folder chính là ID của thư mục ở bước trên; còn File-name là tên file ta vừa đưa lên host. Ví dụ tên file là test.js thì địa chỉ sẽ là:
https://googledrive.com/host/0B3aiiOf9sXsSdGZXTjh0T19FZ00/test.js

Cách 2

URL của file sẽ có dạng:
https://googledrive.com/host/ID-file
Trong đó ID-file chính là ID của file. Để lấy được ID-file ta làm như sau:
Nhấp chuột phải vào vào file đã được lưu trên host >> Chọn Get link (Nhận liên kết). Sau đó ta nhận được liên kết có dạng:
https://drive.google.com/open?id=ID-file
Đoạn bôi đỏ chính là ID của file. nó sẽ có dạng như là 0B3aiiOf9sXsSUWZwY3pzcjFzeVE:
Và ta có URL của file như sau:
https://googledrive.com/host/0B3aiiOf9sXsSUWZwY3pzcjFzeVE

0 nhận xét

Đăng nhận xét