Menggunakan Firebase sebagai Penyimpanan Gambar untuk Aplikasi Android

Di artikel ini, Anda akan belajar cara mengekstrak gambar dari penyimpanan Firebase untuk aplikasi Android.

Firebase

Firebase adalah platform pengembangan aplikasi seluler dan web yang dikembangkan oleh Firebase pada 2011 dan diakuisisi oleh Google pada 2014. Pada Oktober 2018, platform Firebase memiliki 18 produk yang digunakan dalam 1,5 juta aplikasi. Ini membantu untuk dengan cepat mengembangkan aplikasi berkualitas tinggi, memperluas basis pengguna dan menghasilkan lebih banyak uang.

Meluncur

Glide adalah perpustakaan untuk mengunduh gambar dalam aplikasi Android yang dikembangkan oleh Bump Tech dan direkomendasikan oleh Google. Ini digunakan oleh banyak proyek sumber terbuka Google, termasuk aplikasi resmi Google I / O 2014. Glide mendukung pengunduhan, pengodean, dan menampilkan gambar, video, dan animasi GIF.

Konfigurasikan Firebase

Mari siapkan Firebase untuk proyek Android kami.

• Buka firebase.google.com .

  
  

• Klik "Mulai Proyek . "

  
  

• Klik Tambah Proyek .

  
  

• Beri nama proyek Anda.

  
  

• Klik tombol Buat Proyek di bawah ini.

  
  

• Klik pada ikon Android .

  
  

• Anda akan melihat halaman berjudul "Tambahkan Firebase ke Aplikasi Android Anda" .

• Tambahkan nama paket aplikasi Android Anda .

Misalnya → com.example.retrieving_images_from_firebase .

• Tambahkan kunci SHA1 dan klik "Daftarkan Aplikasi" .

  
  

• Klik tombol "Unduh google-services.json" untuk mengunduh file ini.

  
  

• Kemudian tambahkan google-services.json ke folder aplikasi proyek Anda.

  
  

• Buka file tingkat proyek tingkat. Tambahkan dependensi ini di dalam blok dependensi:

 classpath "com.google.gms:google-services:3.0.0" 

Jadi seharusnya terlihat:

• Buka file tingkat level aplikasi. Tambahkan dependensi:

 androidTestImplementation 'com.android.support.test:runner:1.0.2' androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2' implementation 'com.squareup.picasso:picasso:2.71828' testImplementation 'junit:junit:4.12' implementation 'com.github.bumptech.glide:glide:4.7.1' compile 'com.android.support.constraint:constraint-layout:1.1.3' compile 'com.google.firebase:firebase-database:11.0.2' compile 'com.google.firebase:firebase-storage:11.0.2' compile 'com.google.firebase:firebase-auth:11.0.2' compile 'com.firebaseui:firebase-ui-database:2.1.0' 

Jadi seharusnya terlihat:

• Sekarang tambahkan packagingOptions di bagian bawah blok buildTypes :

 packagingOptions { exclude 'META-INF/LICENSE' exclude 'META-INF/LICENSE-FIREBASE.txt' exclude 'META-INF/NOTICE' } 

Jadi seharusnya terlihat:

• Buka firebase.google.com , pilih proyek Anda.

Sekarang klik pada Database → Aturan . Tambahkan baris berikut:

 service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write; } } } 

Klik pada Storage → Rules . Tambahkan baris berikut:

 service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { allow read, write: if request.auth != null; } } } 

• Sekarang klik Storage → Files . Unduh gambar menggunakan tombol "Unggah file" .

• Klik pada gambar yang diunggah. Kemudian di kanan bawah Anda akan menemukan Unduh URL1 . Salin ini.

Activity_main.xml

Buat ImageView di mana gambar akan ditampilkan.

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="RETRIEVE FROM FIREBASE" android:gravity="center" android:textSize="30dp" android:textColor="#000000"/> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/image"/> </LinearLayout> 

MainActivity.java

 package com.example.retrieving_images_from_firebase; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.ImageView; import com.bumptech.glide.Glide; public class MainActivity extends AppCompatActivity { ImageView imageView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); imageView=findViewById(R.id.image); // URL ,     String url="https://firebasestorage.googleapis.com/v0/b/retrieve-images-958e5.appspot.com/o/9.PNG?alt=media&token=6bd05383-0070-4c26-99cb-dcb17a23f7eb"; Glide.with(getApplicationContext()).load(url).into(imageView); } } 

Selamat! Sekarang Anda dapat meluncurkan aplikasi Anda.

Setelah memulai aplikasi, Anda akan melihat gambar Anda.

Anda dapat mengunduh semua kode dari repositori kami di GitHub .