0Pricing
Flutter Mobile Development · Leçon

Stockage cloud et fonctions

Intégrez Firebase Cloud Storage pour importer et télécharger des fichiers, puis explorez Cloud Functions pour la logique dorsale sans serveur.

Stockage cloud et fonctions est une leçon Flutter Mobile Development gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Flutter Mobile Development, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Flutter Mobile Development comprend 4 leçons au total.

Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.

Cloud Storage: Your App's Files

Welcome to Firebase Cloud Storage! This service allows your app to store and serve user-generated content, such as photos, videos, and documents.

Think of it as a powerful, scalable cloud-based file system for your mobile application. It's built for scale and integrates seamlessly with other Firebase services.

Storage Buckets & Rules

Files in Cloud Storage are organized into buckets. Each Firebase project has a default bucket, but you can create more.

Crucially, you define security rules for your storage bucket. These rules determine who can read, write, or delete files, ensuring your data is protected.

  • allow read, write: if request.auth != null; (authenticated users)
  • allow read; (public read)

Preparing for File Uploads

To upload files from your Flutter app, you'll use the firebase_storage package. First, you need to get a reference to where you want to store the file in your bucket.

The actual process of picking a file from the device (e.g., gallery or camera) typically involves another package like image_picker or file_picker, which we'll assume for our example.

Code: Uploading Data

Here's how to upload a simple string of data to Firebase Cloud Storage. In a real app, you'd replace the string with bytes from a file picked by the user.

(Firebase initialization is assumed for this runnable snippet)

import 'package:firebase_storage/firebase_storage.dart';
import 'dart:typed_data';

void main() async {
  // In a real Flutter app, Firebase must be initialized first:
  // await Firebase.initializeApp();

  final storageRef = FirebaseStorage.instance.ref();
  final fileRef = storageRef.child("coddykit_uploads/greeting.txt");

  try {
    final String content = "Hello from CoddyKit Storage!";
    final Uint8List data = Uint8List.fromList(content.codeUnits);
    await fileRef.putData(data);
    print("File 'greeting.txt' uploaded!");
  } catch (e) {
    print("Upload error: $e");
  }
}

Getting Download URLs

After uploading a file, you often need a public URL to access it, for example, to display an image in your app or share a document.

Firebase Storage provides a method to get this download URL. You can then store this URL in a database like Cloud Firestore for easy retrieval and display.

Code: Retrieve Download URL

Once a file is uploaded, you can easily retrieve its public download URL. This URL can be used directly in widgets like Image.network().

(Firebase initialization is assumed for this runnable snippet)

import 'package:firebase_storage/firebase_storage.dart';

void main() async {
  // In a real Flutter app, Firebase must be initialized first.

  final storageRef = FirebaseStorage.instance.ref();
  // Reference the same file we uploaded previously
  final fileRef = storageRef.child("coddykit_uploads/greeting.txt");

  try {
    final String downloadURL = await fileRef.getDownloadURL();
    print("Download URL for 'greeting.txt':");
    print(downloadURL);
  } catch (e) {
    print("Error getting URL: $e");
    print("Ensure 'greeting.txt' exists in storage.");
  }
}

Cloud Functions: Serverless Backend

Firebase Cloud Functions let you run backend code in response to events triggered by Firebase features and HTTPS requests, all without managing servers.

This means you can extend your app's functionality with custom logic that runs in a secure, scalable cloud environment.

Function Types & Triggers

Cloud Functions can be triggered by various events:

  • HTTP Triggers: Respond to standard HTTP requests (like a REST API endpoint).
  • Database Triggers: Run code when data is created, updated, or deleted in Cloud Firestore or Realtime Database.
  • Storage Triggers: Respond to file uploads, deletions, or metadata changes in Cloud Storage.
  • Auth Triggers: Execute code when users are created or deleted.

Calling Functions from Flutter

To interact with Cloud Functions from your Flutter app, you'll use the cloud_functions package. You can call an HTTP-triggered function by its name and pass data to it.

The function executes on the server, and your app receives the result.

(Firebase initialization is assumed, and a function named 'sayHello' is expected on the backend.)

import 'package:cloud_functions/cloud_functions.dart';

void main() async {
  // In a real Flutter app, Firebase must be initialized first.

  try {
    // Call a Cloud Function named 'sayHello'
    final HttpsCallable callable = 
        FirebaseFunctions.instance.httpsCallable('sayHello');
    final result = await callable.call(<String, dynamic>{
      'name': 'CoddyKit User',
    });
    print("Function response: ${result.data}");
  } on FirebaseFunctionsException catch (e) {
    print("Cloud Function error: ${e.code} - ${e.message}");
  } catch (e) {
    print("General error calling function: $e");
  }
}

Quick Check: Firebase Services

Which of the following statements about Firebase Cloud Storage and Cloud Functions are TRUE?

Recap: Storage & Functions

Great job! In this lesson, you learned about:

  • Firebase Cloud Storage: A scalable service for storing user-generated content like files.
  • Storage Security Rules: How to secure your files by defining access permissions.
  • Uploading & Downloading: Using firebase_storage to manage files and retrieve download URLs.
  • Cloud Functions: A serverless platform for running backend code in response to events or HTTP requests.
  • Integration: How to call Cloud Functions from your Flutter app using cloud_functions.

These powerful services allow you to add robust file management and custom backend logic to your Flutter applications!

Questions Fréquemment Posées

La leçon « Stockage cloud et fonctions » est-elle gratuite ?

Oui — le texte complet de « Stockage cloud et fonctions » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Flutter Mobile Development, passe à CoddyKit PRO. Le cours Flutter Mobile Development comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Stockage cloud et fonctions » ?

Intégrez Firebase Cloud Storage pour importer et télécharger des fichiers, puis explorez Cloud Functions pour la logique dorsale sans serveur. Tu pratiques Flutter Mobile Development avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Flutter Mobile Development ?

Aucune expérience préalable n'est requise. Flutter Mobile Development sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.

Combien de temps prend la leçon « Stockage cloud et fonctions » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Flutter Mobile Development ?

Oui. Chaque leçon Flutter Mobile Development inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Configuration de Firebase et authentification
  2. Base de données Cloud Firestore
  3. Stockage cloud et fonctions
  4. Firebase Cloud Messaging et notifications
← Retour à Flutter Mobile Development