Android Insert dan Display Gambar Menggunakan Firebase Storage

Beberapa waktu yang lalu, Google telah merekomendasikan untuk menggunakan Firebase sebagai tempat penyimpanan data ketika sedang membuat aplikasi (web atau mobile). Kenapa Google memberikan saran seperti itu? Karena memang dengan menggunakan Firebase semua proses kirim data menjadi lebih mudah. Kita tidak perlu lagi menggunakan API, semua sudah di handle oleh Firebase.

Ada beberapa produk firebase yang telah kita kenal, antara lain :

  • Firebase Realtime message
  • Firebase Cloud Firestore
  • Firebase Cloud Function
  • Firebase Storage.
Kalian dapat membaca dokumentasi dari beberapa produk Firebase diatas di website resmi Firebase. Pada artikel kali ini saya hanya akan mebahas satu produk Firebase yaitu Firebase Storage.

Apa itu Firebase Storage?

Firebase Storage adalah sebuah penyimpanan online yang dapat memudahkan kita untuk menyimpan data dalam format file. Salah satu contoh file yang akan didemoka di artikel ini adalah file berjenis gambar.
Oke sebelum kita memulai kodingan, pertama-tama yang harus kita lakukan adalan membuat project di Konsole Firbase.

 

Buat aplikasi di Firebase

1. Buka Konsol Firebase dan buat project baru (atau bisa juga menggunakan project yang sudah ada)

2. Pilih platform yang akan kamu gunakan (Pilih Android)

3. Tambahkan SHA-1 Key and nama package project

4. Download file google-services.json nya

5. Tempatkan file google-services.json didalam folder app project.

Pengaturan Gradle

Sekarang kita konfigurasi gradlenya dan tambahkan beberapa dependensi Firebase yang dibutuhkan

build.gradle (Project:YourProjectName)

build.gradle (Module:App)


Oke, gradle sudah selesai di konfigurasi, sekarang tinggal membuat kodingan bagaimana melakukan insert dan display gambar ke Firebase Storage

Java And XML Code

activity_main.xml

MainActivity.java

Pilih gambar dari gallery atau melalui kamera menggunakan library Edmodi Image Cropper.

Setelah mengambil gambar, olah gambar tersebut di dalam method onActivityResult untuk kemudian di upload ke Firebase Storage.

Perhatikan kode dibawah ini :

Hasilnya akan seperti gambar dibawah ini :

Kode tersebut akan menyimpan gambar dengan path photo_profile/my_photo.jpg (child terakhir akan diset sebagai nama gambar). Dengan menggunaka path tersebut (path yang sama), gambar baru yang di simpan akan menimpa (menggantikan) gambar yang lama, Kenapa? karena kita menyimpan gambar tersebut di path yang sama dengan sebelumnya.

Jadi bagaimana cara menyimpan gambar lebih dari satu ke Firebase Storage? Mudah. Cukup ganti child terakhirnya dengan Current Milliseconds

Hasilnya akan seperti gambar dibawah ini:

 

Setelah gambar berhasil disimpan di Firebase Storage, sekarang gunakan kode dibawah ini untuk menampilkan gambar yang telah tersimpan tersebut ke dalam ImageView.


Kode lengkap dari MainActivity :

Goodluck! Jalankan aplikasi, pilih gambar dan klik button upload, maka gambar akan bisa disimpan di Firebase Storage.



Baca juga :


About The Author

Related Posts

Add Comment

Berlangganan Artikel

Untuk mendaftarkan tutorial pemrograman terbaru dari putuguna[dot]com, silakan tuliskan email kalian dibawah ini