Saat kuliah dulu dan belajar pemrograman saya mendapatkan ide untuk menggunakan google drive sebagai media penyimpanan untuk website, ide ini muncul saat saya ingin membuat aplikasi web yang menggunakan banyak konten gambar didalamnya.
Mengingat menyewa penyimpanan cloud dirasa cukup mahal, dan saya mempunyai keterbatasan dalam biaya, muncullah ide untuk memanfaatkan google drive unlimited yang diberikan oleh kampus secara gratis.
Setelah mendapatkan ide tersebut, lalu saya cari-cari cara bagaimana upload file google drive menggunakan pemrograman PHP namun sampai lulus kuliah pun fitur upload file ke google drive ini tidak pernah terealisasi.
Kendala saat itu adalah karena saya tidak begitu paham dokumentasinya, tutorial di internet yang belum lengkap, tugas kuliah yang mulai banyak, dan lainnya. Namun setelah sekarang sudah lulus, saya bisa belajar dan explore lagi mengenai Google Drive API, dan hasilnya saya akan bagikan dibawah ini.
Pada awalnya saya berhasil upload file ke google drive menggunakan PHP dengan menggunakan bantuan library dari google dan berjalan sesuai rencana, namun karena dirasa kurang efisien (karena pengguna harus upload ke server php dulu lalu server php upload lagi ke server google).
Jadi untuk pengembangan selanjutnya saya menginginkan user langsung bisa upload ke server google dengan javascript di browser tanpa perantara server PHP, dan inilah yang akan kita bahasa di artikel kali ini, untuk cara penggunaan Google Drive API di PHP saya skip dulu ya karena sudah cukup banyak yang membahasanya di internet, mungkin akan dibahas lain kali pada blog ini.
Sumber Referensi
Sebelum memulai membahas topik utamanya, saya ingin memberikan beberapa sumber yang menjadi inspirasi saya menulis script upload file ke google drive, tentunya dengan modifikasi yang disesuaikan.
https://developers.google.com/drive/api/guides/manage-uploads
https://developers.google.com/drive/api/v2/reference/files/insert
Stackoverflow karena saya lupa linknya, silahkan sobat cari dengan keyword yang maknanya serupa dengan judul artikel ini.
Upload File Google Drive dengan Javascript
Pada artikel ini saya akan menggunakan jquery ajax untuk mengupload filenya, silahkan sobat sesuaikan dengan metode upload ajax lainnya. Langsung saja dibawah ini adalah contoh script upload file ke google drive dengan html dan javascript.
Penjelasan Kode Script :
Cara mencobanya sobat tinggal klik tombol choose file dan memilih 1 file untuk diupload, maka proses upload akan berjalan.
File yang diupload diatas izinnya masih private, jadi hanya bisa diakses oleh pemiliknya. Agar bisa diakses oleh semua orang yang memiliki link kita harus mengubah permissionnya dengan script tambahan yang akan saya bahas dibawah ini.
Buat Permission Google Drive dengan Javascript
- Jika sobat ingin menggunakan Google API di Browser dan dapat diakses public jangan lupa untuk memperhatikan keamanannya karena access token bisa terlihat oleh pengguna, Untuk metode pengamanannya silahkan sobat explore sendiri ya, yang pasti access token akan kadaluarsa dalam 1 jam dan dalam rentang 1 jam ini ada peluang untuk disalah gunakan oleh hacker.
- Untuk mengakses API google kita menggunakan domain https://www.googleapis.com, yang kebetulan tidak memblokir akses CORS. Jika sewaktu waktu google merubah kebijakan lalu CORS di blokir maka kita tidak bisa menggunakan metode upload ini lagi.
Tidak ada komentar:
Posting Komentar
Berkomentarlah sesuai dengan isi artikel, no iklan.