0Pricing
Flutter Mobile Development · レッスン

Cloud StorageとFunctions

ファイルのアップロードとダウンロードにFirebase Cloud Storageを統合し、サーバーレスなバックエンドロジックを実現するCloud Functionsを学びます。

「Cloud StorageとFunctions」はCoddyKit上の無料Flutter Mobile Developmentレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはFlutter Mobile Development学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Flutter Mobile Developmentコースには全4レッスンが含まれています。

このレッスンの一部はまだ翻訳されておらず、英語で表示されています。

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!

よくある質問

「Cloud StorageとFunctions」レッスンは無料ですか？

はい。「Cloud StorageとFunctions」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Flutter Mobile Developmentコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Flutter Mobile Developmentコースには全4レッスンが含まれています。

「Cloud StorageとFunctions」で何を学びますか？

ファイルのアップロードとダウンロードにFirebase Cloud Storageを統合し、サーバーレスなバックエンドロジックを実現するCloud Functionsを学びます。 ブラウザで直接実行するハンズオンコードでFlutter Mobile Developmentを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Flutter Mobile Developmentを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのFlutter Mobile Developmentは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。

「Cloud StorageとFunctions」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このFlutter Mobile Developmentレッスンでコードを書いて実行できますか？

はい。すべてのFlutter Mobile Developmentレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. Firebaseのセットアップと認証
  2. Cloud Firestoreデータベース
  3. Cloud StorageとFunctions
  4. Firebase Cloud Messaging と通知
← Flutter Mobile Developmentに戻る