Help us understand the problem. What is going on with this article?

FirebaseFunctionsで素のJSを返す

More than 1 year has passed since last update.

実現したいこと

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 で返してあげるだけで読み込み可能でした。

サンプル

サンプルページ

https://fir-functions-return-js.firebaseapp.com/

ソースコード

https://github.com/akinov/firebase-functions-return-js

※自ブログからの転載です
http://akinov.hatenablog.com/entry/2019/11/03/205102

akinov
金髪ギャルRailsエンジニア💃ハンズシェア Co-founder / エンジニア / 採用PR(元SEO/グロースハック/マーケ)🦄
http://akinov.hatenablog.com/
tsukulink
建設業マッチングサイト「ツクリンク」の開発・運営
https://tsukulink.co.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away