Verwenden von Firebase als Bildspeicher für eine Android-Anwendung

In diesem Artikel erfahren Sie, wie Sie ein Bild aus dem Firebase-Speicher für eine Android-Anwendung extrahieren .

Feuerbasis

Firebase ist eine Plattform für die Entwicklung von Mobil- und Webanwendungen, die 2011 von Firebase entwickelt und 2014 von Google übernommen wurde. Ab Oktober 2018 verfügt die Firebase-Plattform über 18 Produkte, die in 1,5 Millionen Anwendungen verwendet werden. Es hilft, schnell hochwertige Anwendungen zu entwickeln, die Benutzerbasis zu erweitern und mehr Geld zu verdienen.

Gleiten

Glide ist eine Bibliothek zum Herunterladen von Bildern in Android-Anwendungen, die von Bump Tech entwickelt und von Google empfohlen wurden. Es wird von vielen Google Open Source-Projekten verwendet, einschließlich der offiziellen Google I / O 2014-App. Glide unterstützt das Herunterladen, Dekodieren und Anzeigen von Bildern, Videos und animierten GIFs.

Konfigurieren Sie Firebase

Lassen Sie uns Firebase für unser Android-Projekt einrichten.

• Öffnen Sie firebase.google.com .

  
  

• Klicken Sie auf "Projekt starten" .

  
  

• Klicken Sie auf Projekt hinzufügen .

  
  

• Geben Sie Ihrem Projekt einen Namen .

  
  

• Klicken Sie unten auf die Schaltfläche Projekt erstellen .

  
  

• Klicken Sie auf das Android- Symbol.

  
  

• Sie sehen eine Seite mit dem Titel "Firebase zu Ihrer Android-App hinzufügen" .

• Fügen Sie den Paketnamen Ihrer Android-Anwendung hinzu .

Zum Beispiel → com.example.retrieving_images_from_firebase .

• Fügen Sie den SHA1-Schlüssel hinzu und klicken Sie auf "Anwendung registrieren" .

  
  

• Klicken Sie auf die Schaltfläche "google-services.json herunterladen " , um diese Datei herunterzuladen.

  
  

• Fügen Sie dann google-services.json zum App- Ordner Ihres Projekts hinzu.

  
  

• Öffnen Sie die Gradle-Datei auf Projektebene. Fügen Sie diese Abhängigkeit in den Abhängigkeitsblock ein:

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

So sollte es aussehen:

• Öffnen Sie die Gradle-Datei auf Anwendungsebene. Abhängigkeiten hinzufügen:

 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' 

So sollte es aussehen:

• Fügen Sie nun packageOptions am Ende des buildTypes- Blocks hinzu:

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

So sollte es aussehen:

• Öffnen Sie firebase.google.com und wählen Sie Ihr Projekt aus.

Klicken Sie nun auf Datenbank → Regeln . Fügen Sie die folgenden Zeilen hinzu:

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

Klicken Sie auf Speicher → Regeln . Fügen Sie die folgenden Zeilen hinzu:

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

• Klicken Sie nun auf Speicher → Dateien . Laden Sie das Bild über die Schaltfläche "Datei hochladen" herunter.

• Klicken Sie auf ein hochgeladenes Bild. Dann finden Sie unten rechts die Download-URL1 . Kopieren Sie dies.

Activity_main.xml

Erstellen Sie eine ImageView, in der das Bild angezeigt wird.

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

Glückwunsch! Jetzt können Sie Ihre Anwendung starten.

Nach dem Starten der Anwendung sehen Sie Ihr Bild.

Sie können den gesamten Code aus unserem Repository auf GitHub herunterladen.