Firebaseノート Cloud Functionsによる動的コンテンツ配信とキャシュによるパフォーマンス改善

www.youtube.com

要約

• rewriteによって指定リクエストパスパターンを関数に送信する
• Cache-Controlヘッダーよってキャッシュ設定してパフォーマンス改善する

 Cloud Functionsによる動的コンテンツ配信の基本

 functions/index.js

firebase.json

キャッシュによるパフォーマンス改善

ヘッダー設定をする。単位は秒。

キャッシュが効くタイミングではパフォーマンスが改善されている。

 max-ageとs-maxageの図解

 テンプレートエンジンの利用とjson配信の例

ここでは

GitHub - tj/consolidate.js: Template engine consolidation library for node.js

というテンプレートエンジンを使っている。

データを取得して・・

ルートではテンプレートを使った応答。

/fact.jsonではjsonを応答。

ルートでstatic/index.htmlが応答しないよう削除している。

追記　Hostingでもヘッダー設定できる

デプロイ設定  |  Firebase