Google Cloud Functions にカスタムドメインを設定する

Google Cloud Functions に Express を適用できたので、APIとして呼び出せるようにしたい。。のだけれど、Functionsのメニューにカスタムドメインを設定できそうなメニューがない。。

1.Google Cloud Functions にカスタムドメインを設定する

どうやら、Cloud Hosting のリライトを構成して実現するようだ。

Express を導入したので、適当なAPIを実装したルーターを準備(下記 cocomoRouter ) したエンドポイントを作成する。

Globパターンマッチングを使用して、/api/** にマッチした場合、以下のFunctions (apiService)　に飛ばすように設定する。

(最初、/api/**　で、export const api = functions.https.onRequest(app); に飛ばすようにしていたら、実際のパスが、/api/api/… などとなってしまい、うまく動かなかったので)

1.1 ExpressによるAPIのエンドポイント

index.ts

import * as functions from 'firebase-functions';
import * as express from 'express';
import cocomoRouter from './routes/cocomo';

const app: express.Express = express();

const router: express.Router = express.Router()
app.use(router);
app.use('/api/cocomo', cocomoRouter);

router.get('/api/test', (req, res) => {
    res.send('TEST!');
});

export const apiService = functions.https.onRequest(app);

1.2 firebase.jsonリライト設定

firebase.json に、リライトする設定を書く。

リライトのルールは、上から順に適用されるようなので順序が重要。
今回はもともと存在していた、全て、index.html に流すルールの前に、apiに流すルールを追加

{
      : 省略
  "hosting": [
    {
　　　　　  : 省略
      "rewrites": [
        {
          "source": "/api/**",
          "function": "apiService"
        },
        {
          "source": "**",
          "destination": "/index.html"
        }
      ]
    }
  ]
}