Flutter Mobile Development · Lekcja

Cloud Storage i Functions

Zintegrują Państwo Firebase Cloud Storage do przesyłania i pobierania plików oraz poznają Cloud Functions do obsługi bezserwerowej logiki backendu.

Cloud Storage i Functions to bezpłatna lekcja Flutter Mobile Development na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Flutter Mobile Development, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Flutter Mobile Development zawiera 4 lekcji w sumie.

Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.

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!

Często zadawane pytania

Czy lekcja „Cloud Storage i Functions” jest bezpłatna?

Tak — pełny tekst „Cloud Storage i Functions” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Flutter Mobile Development, przejdź na CoddyKit PRO. Kurs Flutter Mobile Development zawiera 4 lekcji w sumie.

Co nauczysz się w „Cloud Storage i Functions”?

Zintegrują Państwo Firebase Cloud Storage do przesyłania i pobierania plików oraz poznają Cloud Functions do obsługi bezserwerowej logiki backendu. Ćwiczysz Flutter Mobile Development z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Flutter Mobile Development?

Nie wymagamy żadnego doświadczenia. Flutter Mobile Development w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.

Ile czasu zajmuje lekcja „Cloud Storage i Functions”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Flutter Mobile Development?

Tak. Każda lekcja Flutter Mobile Development zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

Konfiguracja Firebase i uwierzytelnianie
Baza danych Cloud Firestore
Cloud Storage i Functions
Firebase Cloud Messaging i powiadomienia

← Powrót do Flutter Mobile Development