CSS ve .JS ve HTML Dosyalarını Barındırmak İçin Google Drive Kullanmak

Css ve .js kodlarını barındırdığımız Google Code kapatıldı. Alternatif bir çok kod kütüphanesi mevcut. Bunlardan en çok tercih edileni github ve dropbox. Lakin özellikle hız ve güvenlik için Google altyapısını kullanmak avantajlı oluyor.


Öncelikle şunu hatırlatmak isterim JavaScript , HTML ve CSS kodları şifrelenmiş yada zararlı bir içerik barındırıyorsa Google amca size sormadan bu kodların çalışmasını engelleyebilir yada kaldırabilir. Yada gün gelip ben Google Drive 'yı kapatıyorum diyebilir.

Şimdi gelelim Google Drive kütüphanesi üzerinden Css ve JavaScript kodları nasıl yüklenir bir site içerisinde nasıl çalıştırılır.

1) Gmail hesabınız olduğunu varsayarak Google Drive girişi yapıyoruz.



2) Yeni > Klasör > Yeni Klasör > Oluştur




Aslında klasör oluşturmasak da olur lakin düzen için gerekli.

*Css , Js veya html dosyalarının hazırlanması :

Not defterini açın ve yazdığınız kodları içine aktarıp bir isim vererek uzantısını .js veya .css veya .html olarak kayıt edin.

Not defteri > Kod > Dosya adı ve .js uzantısı > Kaydet




3) Oluşturduğumuz dosyayı açtığımızda sürekle bırak yaparak not defterinde hazırladığımız dosyayı Google Drive hostuna yüklüyoruz.

Goole Drive > Klasör > Not defterinde hazırlanan dosyayı yükle




4) Dosya yüklendikten sonra üst barda bulunan bağlantı ikonundan bağlantı adresini alıyoruz.
(Burada bağlantının herkese açık olması gerekmektedir.)







https://drive.google.com/file/d/0B1UWBxCuhyQWNFVtR1RBa2owTEU/view?usp=sharing
Yada
https://drive.google.com/open?id=0B1UWBxCuhyQWNFVtR1RBa2owTEU

Benzeri bir bağlantı adresi verecektir. Bu satırı host olarak kullanmak için düzenliyoruz.
Yani bağlantımız aşağıdaki şekli alacaktır.

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

Şekline gelecektir.

Google Drive Hostunun site içinde kullanılması :

JavaScript kodlarının kullanılması : 

<script type="text/javascript" src="https://googledrive.com/host/0B1UWBxCuhyQWNFVtR1RBa2owTEU">    </script>


Css kodlarının kullanılması :

<style type="text/css"> href="https://googledrive.com/host/0B1UWBxCuhyQWNFVtR1RBa2owTEU"
     </style>
Yada

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B1UWBxCuhyQWNFVtR1RBa2owTEU" />

İlgili etiketler içerisine aldığımız Google Drive bağlantılarını site içinde istediğimiz yerde kullanabiliriz.

Haydi hâyırlı kodlamalar ....


1 yorum: