index

Firebase Remote Config で、Firebase Admin Node.js SDK v12.1.0 以降を使用したサーバーサイド構成がサポートされるようになった((記事執筆時点の2025/02/24時点ではプレビュー))。これを試してみる。

Feature Flag自体の説明はしないので知らない人はこれを読んでほしい。

アプリケーション自体はFireabase SDKが入ればなんでもよかった。今回は環境作るのが爆速で個人的にも好きなHonoを使う。

環境

Hono (4.7.2)
Firebase Admin (13.1.0)

Honoの環境を作る

https://hono.dev/docs/#quick-start

秒で終わる

Firebase Adminを初期化

ドキュメントに書いてあるとおりやる。Firebase Projectはあらかじめ用意しておく。

[https://firebase.google.com/docs/admin/setup?hl=ja:embed:cite]

Remote Configを用意する

地味にわかりづらいがオプションを「サーバー」にしておく必要がある。

試しに「testtest」という値を設定してみる。

編集後、「公開」を押す。

Honoを修正

Hono側でFirebase SDKを初期化する。かつ、ドキュメントの説明に従ってRemote Configの読み込みを行う。

1
import { serve } from "@hono/node-server";
2
import { Hono } from "hono";
3
import { initializeApp } from "firebase-admin/app";
4
import { getRemoteConfig } from "firebase-admin/remote-config";
5

6
const firebaseApp = initializeApp();
7
const rc = getRemoteConfig(firebaseApp);
8
const template = rc.initServerTemplate();
9
await template.load();
10
const remoteConfig = template.evaluate();
11

12
const app = new Hono();
13

14
app.get("/", (c) => {
15
    console.log(remoteConfig);
16
    console.log(remoteConfig.getString("testtest"));
17
    return c.text("Hello Hono!");
18
});
19

20
serve(
21
    {
22
        fetch: app.fetch,
23
        port: 3000,
24
    },
25
    (info) => {
26
        console.log(`Server is running on http://localhost:${info.port}`);
27
    }
28
);

これで動かしてみると、consoleに以下のように表示された。一旦LGTM。

Feature Flagとして使う

本題に入っていく。今度はFeature Flagとして使うにあたりbooleanで値を登録してみる。

値を設定したうえで、Hono側を直す。Feature Flagが立っていれば、Good nightと話してくれるはず。

1
import { serve } from "@hono/node-server";
2
import { Hono } from "hono";
3
import { initializeApp } from "firebase-admin/app";
4
import { getRemoteConfig } from "firebase-admin/remote-config";
5

6
const firebaseApp = initializeApp();
7
const rc = getRemoteConfig(firebaseApp);
8
const template = rc.initServerTemplate();
9
await template.load();
10
const remoteConfig = template.evaluate();
11

12
const app = new Hono();
13

14
app.get("/", (c) => {
15
    console.log(remoteConfig);
16
    console.log(remoteConfig.getBoolean("feature_flag_night"));
17
    return c.text("Hello Hono!");
18
    const greet = remoteConfig.getBoolean("feature_flag_night")
19
        ? "Good night"
20
        : "Hello";
21
    return c.text(`${greet} Hono!`);
22
});
23

24
serve(
25
    {
26
        fetch: app.fetch,
27
        port: 3000,
28
    },
29
    (info) => {
30
        console.log(`Server is running on http://localhost:${info.port}`);
31
    }
32
);