How to delete files in Firebase storage?

 

Step 1: Set Up Firebase in Your Project

 

To start using Firebase Storage, ensure you have Firebase set up in your web or mobile project.

For web:

<script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-storage.js"></script>

For mobile applications (such as Android or iOS), integrate the Firebase SDKs following the documentation for the respective platform.

 

Step 2: Initialize Firebase

 

You need to initialize Firebase in your project with the configuration details from your Firebase Console.

// Import the functions you need from the SDKs you need
import { initializeApp } from 'firebase/app';
import { getStorage, ref, deleteObject } from 'firebase/storage';

// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const storage = getStorage(app);

Ensure to replace YOUR_API_KEY, YOUR_AUTH_DOMAIN, etc., with your actual Firebase details.

 

Step 3: Set References to the Files

 

Define a reference to the file you want to delete in Firebase Storage.

// Assume you want to delete 'images/myImage.png'
const fileRef = ref(storage, 'images/myImage.png');

 

Step 4: Delete the File from Firebase Storage

 

Use Firebase's deleteObject method to delete the file you referenced.

deleteObject(fileRef).then(() => {
  // File deleted successfully
  console.log('File deleted successfully');
}).catch((error) => {
  // Uh-oh, an error occurred!
  console.error('Error deleting file:', error);
});

This code will delete the file referred to by fileRef. Make sure you handle any errors that might occur during the deletion process.

 

Step 5: Testing and Verification

 

After implementing the deletion code, test it to verify that files are correctly removed from your Firebase Storage. Monitor the console for any error messages or confirmations of successful deletions.

 

By following these steps, you can efficiently remove files from Firebase Storage in your project. Always ensure that you've authorized your application securely, and your storage rules are set correctly for deletion operations.