Cara menggunakan Komponen firebase storage di Kodular, Thunkable

Pada pembahasan kali ini, kita akan belajar menggunakan komponen firebase storage pada Kodular, yang dengan cara yang sama kamu bisa gunakan juga pada Thunkable, Appy Builder dan MIT Inventor"

Download Extension

Sebelum memulai, silahkan download Firebase Storage Extension disini. Setelah itu lanjutkan dengan mengimport ke dalam project kodular.

Perhatikan gambar di atas, yang kita butuhkan adalah APIKey dan Storage Bucket

Dapatkan APIKey dan StorageBucket

Untuk mendapatkan APIKey sudah di bahas sebelumnya di blog ini tentang Cara Menghubungkan firebase ke Appy builder. dan , Ikuti langkah-langkah pada postingan tersebut untuk mendapatkan Firebase APIKey, lalu lanjutkan dengan melakukan langkah-langkah berikut:

Klik Storage, lalu klik Mulai

Klik Berikutnya

Setelah proses selesai, klik Aturan, ubah pengaturan seperti gambar di bawah lalu klik Publikasikan.

di tab File salin Storage Bucket seperti pada gambar di bawah:

Dengan langkah-langkah di atas, kita sudah memperoleh APIKey + Storage Bucket. selanjutkan kita bisa mulai dengan membuat aplikasi untuk mengupload dan menampilkan gambar di Firebase Storage

Memulai Project

Tambahkan ke project komponen2 berikut:

1 ImagePicker (untuk browsing gambar)
1 listviewImageandText (untuk menampilkan gambar yang tersimpan)
1 firebase database (untuk menyimpan daftar gambar yg diupload)
1 Firebase Storage

Isi Properties (APIKey dan StorageBucket) dari FirebaseStorage dan Firebase_Database lalu buatlah blocks seperti di bawah ini:

Dari gambar di atas, dapat dilihat bahwa mengupload sebuah gambar ke firebase storage sangatlah mudah. Itu hanya membutuhkan FileName dan Path . Karena Filename tidak boleh sama, maka sengaja saya gunakan nomor sesuai jumlah item di dalam listview. Kamu bisa mengembangkan sendiri dengan membuat angka acak atau pengkodean lainnya.

Demikian tutorial mengupload gambar ke Firebase Storage sekaligus menampilkannya di dalam sebuah listview. Dan untuk mempersingkat waktu, kamu bisa download File AIA dari project dalam bahasan ini.