Usar Firebase como almacenamiento de imágenes para una aplicación de Android

En este artículo, aprenderá cómo extraer una imagen del almacenamiento de Firebase para una aplicación de Android.

Firebase

Firebase es una plataforma de desarrollo de aplicaciones móviles y web desarrollada por Firebase en 2011 y adquirida por Google en 2014. A partir de octubre de 2018, la plataforma Firebase tiene 18 productos que se utilizan en 1,5 millones de aplicaciones. Ayuda a desarrollar rápidamente aplicaciones de alta calidad, ampliar la base de usuarios y ganar más dinero.

Deslizamiento

Glide es una biblioteca para descargar imágenes en aplicaciones de Android desarrollada por Bump Tech y recomendada por Google. Es utilizado por muchos proyectos de código abierto de Google, incluida la aplicación oficial de Google I / O 2014. Glide admite la descarga, decodificación y visualización de imágenes, videos y GIF animados.

Configurar Firebase

Configuremos Firebase para nuestro proyecto de Android.

• Abre firebase.google.com .

  
  

• Haga clic en "Iniciar proyecto" .

  
  

• Haga clic en Agregar proyecto .

  
  

• Dale un nombre a tu proyecto.

  
  

• Haga clic en el botón Crear proyecto a continuación.

  
  

• Haz clic en el ícono de Android .

  
  

• Verá una página titulada "Agregar Firebase a su aplicación de Android" .

• Agregue el nombre del paquete de su aplicación de Android .

Por ejemplo → com.example.retrieving_images_from_firebase .

• Agregue la clave SHA1 y haga clic en "Registrar aplicación" .

  
  

• Haga clic en el botón "Descargar google-services.json" para descargar este archivo.

  
  

• Luego agregue google-services.json a la carpeta de la aplicación de su proyecto.

  
  

• Abra el archivo gradle a nivel de proyecto. Agregue esta dependencia dentro del bloque de dependencia:

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

Entonces debería verse:

• Abra el archivo gradle de nivel de aplicación. Agregar dependencias:

 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' 

Entonces debería verse:

• Ahora agregue packagingOptions al final del bloque buildTypes :

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

Entonces debería verse:

• Abra firebase.google.com , seleccione su proyecto.

Ahora haga clic en Base de datos → Reglas . Agregue las siguientes líneas:

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

Haga clic en Almacenamiento → Reglas . Agregue las siguientes líneas:

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

• Ahora haga clic en Almacenamiento → Archivos . Descargue la imagen usando el botón "Subir archivo" .

• Haga clic en cualquier imagen cargada. Luego, en la parte inferior derecha, encontrará Download URL1 . Copia esto.

Activity_main.xml

Cree un ImageView en el que se mostrará la imagen.

 <?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); } } 

Felicidades Ahora puedes iniciar tu aplicación.

Después de iniciar la aplicación, verá su imagen.

Puede descargar todo el código de nuestro repositorio en GitHub .