ノンカフェインであなたにやさしい

Ruby,Rails,HTML,CSS,Reactなど

FirebaseFunctionsで素のJSを返す

実現したいこと

FirebaseFunctionsを使ってリクエスト元やパラメータに合わせたJSファイルを作り返したい

こんな風に使いたい

<script src="https://asia-northeast1-fir-functions-return-js.cloudfunctions.net/hello"></script>

Functionsの実装

functions/index.js

exports.hello = functions
  .region('asia-northeast1')
  .https.onRequest((request, response) => {
    // Using query
    const name = request.query.name || 'defaultName';
    // Return alert js
    response
      .contentType('application/javascript; charset=utf-8')
      .send(`alert('Hello ${name}')`);
  });

response.send で返してあげるだけで読み込み可能でした。

サンプル

サンプルページ

fir-functions-return-js.firebaseapp.com

ソースコード

github.com