サイトアイコン 【TechGrowUp】

Flutter開発入門35 FlutterでFirebase Cloud Functionsを利用する方法

Daichi Mizuno

はじめに

　Firebase Cloud Functionsは、Googleが提供するサーバーレス環境で、バックエンド処理をクラウド上で実行することができる強力なツールです。FlutterアプリにFirebase Cloud Functionsを導入することで、サーバーサイドのコードを手軽に実装・実行でき、ユーザーの操作やデータベースの変更に基づいて自動的にバックエンドのロジックを実行できます。

　本記事では、FlutterアプリでFirebase Cloud Functionsを利用する方法を解説します。Cloud Functionsのセットアップ方法から、実際にバックエンド処理を行うサンプルまでをステップバイステップで紹介します。

Firebase Cloud Functionsとは

　Firebase Cloud Functionsは、Google Cloudのサーバーレスプラットフォームで、クラウド上でバックエンドコードを実行できるサービスです。ユーザーの操作やデータベースの変更、認証の成功など、さまざまなイベントに基づいて関数がトリガーされ、自動的に処理が行われます。サーバーの管理が不要で、スケーラビリティに優れているため、必要に応じてスムーズにスケールするのが特徴です。AWSを利用したことがある方はLambdaと似ていると思って頂ければ分かりやすいです。

Firebase Cloud Functionsの主な特徴：

前提条件

　Firebase AuthenticationをFlutterアプリに組み込むためには、以下が必要です：

　まだ完了していない方は以下の記事を参考にFirbeaseを導入してください。

Flutter開発入門29 FlutterFireを使ってFirebaseをFlutterにセットアップする方法
FlutterFireを使って、FlutterアプリにFirebaseをセットアップする方法を詳しく解説。Firebaseの認証、クラウド機能の導入をステップごとに説明します。
techgrowup.net
2024.09.22

ステップ1 : Cloud Functionsのセットアップ

1.1 Cloud Functionsのコード作成

　 Functionsのコードは、Node.jsを使用して記述します。プロジェクトディレクトリ内のfunctionsフォルダに移動し、関数を記述していきます。

　例：簡単なHTTPリクエストを処理する関数

const functions = require('firebase-functions');

// HTTPリクエストに応答する関数
exports.helloWorld = functions.https.onRequest((request, response) => {
  response.send("Hello from Firebase Cloud Functions!");
});

　この例では、HTTPリクエストが送信されると、「Hello from Firebase Cloud Functions!」という応答を返します。

1.2 デプロイ

　コードをデプロイするには、次のコマンドを使用します。

firebase deploy --only functions

　これにより、作成した関数がFirebaseにデプロイされ、クラウド上で利用可能になります。

ステップ2：FlutterアプリからCloud Functionsを呼び出す

2.1 cloud_functionsパッケージのインストール

FlutterアプリからCloud Functionsを利用するために、cloud_functionsパッケージをインストールします。

  1. pubspec.yaml**に次の依存関係を追加します。
dependencies:
  firebase_core: ^3.5.0
  cloud_functions: ^5.1.3
  1. パッケージをインストールします。
flutter pub get

2.2 Cloud Functionsの呼び出し

　cloud_functionsパッケージを使って、Flutterアプリから関数を呼び出すことができます。以下は、先ほど作成したhelloWorld関数をFlutterから呼び出すコードです。

import 'package:flutter/material.dart';
import 'package:cloud_functions/cloud_functions.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Firebase Cloud Functions Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: CloudFunctionsDemo(),
    );
  }
}

class CloudFunctionsDemo extends StatefulWidget {
  @override
  _CloudFunctionsDemoState createState() => _CloudFunctionsDemoState();
}

class _CloudFunctionsDemoState extends State<CloudFunctionsDemo> {
  final HttpsCallable callable = FirebaseFunctions.instance.httpsCallable('helloWorld');

  Future<void> _callFunction() async {
    try {
      final result = await callable();
      print(result.data);  // "Hello from Firebase Cloud Functions!"を出力
    } catch (e) {
      print('Error: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Cloud Functions Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: _callFunction,
          child: Text('Call Cloud Function'),
        ),
      ),
    );
  }
}

　このコードでは、helloWorld関数が呼び出され、関数からの応答がFlutterアプリ内に表示されます。

Firebase Cloud Functionsの活用例

  1. ユーザー認証の管理
    • ユーザーがサインアップした際に、バックエンドで自動的にデータベースを更新したり、メール通知を送信することができます。
  2. データ処理
    • Firebase FirestoreやRealtime Databaseのデータが更新されたときに、Cloud Functionsを使って特定のロジックを実行し、データの整合性を保つことが可能です。
  3. サードパーティAPIの呼び出し
    • ユーザーのリクエストに基づいて、外部のサードパーティAPIと連携する処理をバックエンドで実行することができます。

まとめ

　Firebase Cloud Functionsを利用することで、Flutterアプリにサーバーレスなバックエンド機能を手軽に追加することができます。リアルタイムでのデータ処理や、ユーザーの操作に応じたバックエンドロジックをクラウド上で実行することで、アプリの機能を大幅に拡張できます。また、サーバーの管理が不要で、スケーラビリティに優れているため、複雑なサーバー管理を行わずに、柔軟なバックエンド処理を実現できます。

モバイルバージョンを終了