في هذه المقالة ، سوف تتعلم كيفية استخراج صورة من تخزين Firebase لتطبيق Android.
Firebase
Firebase هي عبارة عن نظام أساسي لتطوير تطبيقات الهواتف المحمولة والويب تم تطويره بواسطة Firebase في عام 2011 واكتسبته Google في عام 2014. اعتبارًا من أكتوبر 2018 ، تحتوي منصة Firebase على 18 منتجًا يتم استخدامها في 1.5 مليون تطبيق. فهي تساعد على تطوير التطبيقات عالية الجودة بسرعة وتوسيع قاعدة المستخدمين وكسب المزيد من المال.
زحلقة
Glide هي مكتبة لتنزيل الصور في تطبيقات Android التي طورتها Bump Tech وأوصت بها Google. يتم استخدامه من قبل العديد من مشاريع Google مفتوحة المصدر ، بما في ذلك تطبيق Google I / O 2014 الرسمي. يدعم Glide تنزيل الصور وفك تشفيرها وعرضها ومقاطع الفيديو وصور GIF المتحركة.
تكوين Firebase
لنقم بإعداد Firebase لمشروع Android الخاص بنا.
- سترى صفحة بعنوان "إضافة Firebase إلى تطبيق Android الخاص بك" .
- أضف اسم الحزمة لتطبيق Android الخاص بك .
على سبيل المثال → com.example.retrieving_images_from_firebase .
أضف مفتاح SHA1 وانقر فوق "تسجيل التطبيق" .
انقر فوق الزر "تنزيل google-services.json" لتنزيل هذا الملف.
ثم أضف google-services.json إلى مجلد التطبيق لمشروعك.
- افتح ملف gradle مستوى المشروع. أضف هذه التبعية داخل كتلة التبعية:
classpath "com.google.gms:google-services:3.0.0"
لذلك يجب أن تبدو:
- افتح ملف gradle مستوى التطبيق. إضافة التبعيات:
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'
لذلك يجب أن تبدو:
- أضف الآن packagingOptions إلى الجزء السفلي من blockTypes block:
packagingOptions { exclude 'META-INF/LICENSE' exclude 'META-INF/LICENSE-FIREBASE.txt' exclude 'META-INF/NOTICE' }
لذلك يجب أن تبدو:
الآن انقر على قواعد البيانات → قواعد . أضف الأسطر التالية:
service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write; } } }
انقر على قواعد التخزين → . أضف الأسطر التالية:
service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { allow read, write: if request.auth != null; } } }
- الآن انقر على تخزين → الملفات . قم بتنزيل الصورة باستخدام زر "تحميل ملف" .
- انقر فوق أي صورة تم تحميلها. ثم في أسفل اليمين ستجد Download URL1 . انسخ هذا
Activity_main.xml
إنشاء ImageView التي سيتم عرض الصورة.
<?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);
تهانينا! الآن يمكنك إطلاق التطبيق الخاص بك.
بعد بدء التطبيق ، سترى صورتك.
يمكنك تنزيل جميع الكود من مستودعنا على جيثب .