Android एप्लिकेशन के लिए छवि संग्रहण के रूप में फायरबेस का उपयोग करना

इस आलेख में, आप सीखेंगे कि एंड्रॉइड एप्लिकेशन के लिए फायरबेस स्टोरेज से एक छवि कैसे निकालें ।

Firebase

Firebase एक मोबाइल और वेब एप्लिकेशन डेवलपमेंट प्लेटफॉर्म है, जो 2011 में Firebase द्वारा विकसित किया गया और 2014 में Google द्वारा अधिग्रहित किया गया। अक्टूबर 2018 तक, फायरबेस प्लेटफॉर्म में 18 उत्पाद हैं जो 1.5 मिलियन अनुप्रयोगों में उपयोग किए जाते हैं। यह उच्च-गुणवत्ता वाले अनुप्रयोगों को जल्दी से विकसित करने, उपयोगकर्ता आधार का विस्तार करने और अधिक पैसा बनाने में मदद करता है।

फिसलन

Glide, Bump Tech द्वारा विकसित और Google द्वारा अनुशंसित Android अनुप्रयोगों में चित्र डाउनलोड करने के लिए एक पुस्तकालय है। यह कई Google ओपन सोर्स प्रोजेक्ट्स द्वारा उपयोग किया जाता है, जिसमें आधिकारिक Google I / O 2014 ऐप शामिल है। ग्लाइड डाउनलोड, डीकोडिंग और छवियों, वीडियो और एनिमेटेड GIF के प्रदर्शन का समर्थन करता है।

फायरबेस को कॉन्फ़िगर करें

आइए हम अपने एंड्रॉइड प्रोजेक्ट के लिए फायरबेस सेट करें।

• Firebase.google.com खोलें।

  
  

• "प्रोजेक्ट शुरू करें " पर क्लिक करें ।

  
  

• प्रोजेक्ट जोड़ें पर क्लिक करें।

  
  

• अपने प्रोजेक्ट को एक नाम दें।

  
  

• नीचे प्रोजेक्ट बनाएँ बटन पर क्लिक करें।

  
  

• Android आइकन पर क्लिक करें।

  
  

• आपको “Add Firebase to Your Android App” नाम से एक पेज दिखाई देगा।

• अपने Android एप्लिकेशन का पैकेज नाम जोड़ें।

उदाहरण के लिए → com.example.retrieving_images_from_firebase ।

• SHA1 कुंजी जोड़ें और "आवेदन पंजीकृत करें " पर क्लिक करें।

  
  

• इस फ़ाइल को डाउनलोड करने के लिए "डाउनलोड google-services.json" बटन पर क्लिक करें।

  
  

• फिर अपने प्रोजेक्ट के ऐप फोल्डर में google-services.json जोड़ें।

  
  

• प्रोजेक्ट-स्तरीय ग्रेडल फ़ाइल खोलें। निर्भरता ब्लॉक के अंदर इस निर्भरता को जोड़ें:

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

तो यह देखना चाहिए:

• एप्लिकेशन स्तर ग्रेड फ़ाइल खोलें। निर्भरता जोड़ें:

 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' 

तो यह देखना चाहिए:

• अब buildTypes ब्लॉक के निचले भाग में पैकेजिंग जोड़ें:

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

तो यह देखना चाहिए:

• Firebase.google.com खोलें, अपनी परियोजना चुनें।

अब डेटाबेस → नियम पर क्लिक करें। निम्नलिखित पंक्तियाँ जोड़ें:

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

• अब Storage → Files पर क्लिक करें। "अपलोड फ़ाइल" बटन का उपयोग करके छवि डाउनलोड करें।

• किसी भी अपलोड की गई छवि पर क्लिक करें। फिर सबसे नीचे दाईं ओर आपको Download URL1 मिलेगा। इसे कॉपी करें।

Activity_main.xml

एक छवि दृश्य बनाएं जिसमें छवि प्रदर्शित की जाएगी।

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

बधाई! अब आप अपना एप्लिकेशन लॉन्च कर सकते हैं।

आवेदन शुरू करने के बाद, आप अपनी छवि देखेंगे।

आप GitHub पर हमारे भंडार से सभी कोड डाउनलोड कर सकते हैं।