Firebase V9 SDKでサブコレクションに自動IDでドキュメントを追加する

この記事では、Firebase V9 SDKを使用して、サブコレクションに自動生成されたIDを持つ新しいドキュメントを追加する方法を詳しく説明します。

1. 環境設定

Firebaseプロジェクトを設定し、Firebase SDK V9をプロジェクトにインストールする必要があります。npmやyarnを使用して、以下のコマンドでインストールできます。

npm install firebase@9.0
# または
yarn add firebase@9.0

Firebaseの初期化は、通常、アプリのエントリポイント（例えば、index.js）で行います。次のようにFirebaseを初期化しましょう。

import { initializeApp } from 'firebase/app';

const firebaseConfig = {
  apiKey: "API_KEY",
  authDomain: "PROJECT_ID.firebaseapp.com",
  projectId: "PROJECT_ID",
  storageBucket: "PROJECT_ID.appspot.com",
  messagingSenderId: "SENDER_ID",
  appId: "APP_ID"
};

const app = initializeApp(firebaseConfig);

2. Firestoreの設定とサブコレクションの追加

Firestoreデータベースのインスタンスを取得し、ドキュメントとサブコレクションを操作するための基本的なセットアップを行います。

import { getFirestore, collection, doc, setDoc } from 'firebase/firestore';

const db = getFirestore(app);

次に、メインコレクション内にある特定のドキュメントにサブコレクションを追加し、新しいドキュメントを自動生成されたIDで作成します。

// メインコレクションのドキュメント参照を取得
const mainDocRef = doc(db, 'mainCollection', 'mainDocId');

// サブコレクションに新しいドキュメントを自動IDで追加
const subCollectionRef = collection(mainDocRef, 'subCollection');
const newSubDocRef = doc(subCollectionRef);

// ドキュメントにデータを設定
await setDoc(newSubDocRef, {
  field1: 'value1',
  field2: 'value2'
});