具有云功能的 Firebase 托管 - 如何清除/刷新 CDN 缓存？

Question

我正在按照此视频中的说明进行操作，到目前为止一切正常，直到我需要清除旧 HTML 的 CDN 为止:

https://www.youtube.com/watch?v=7_2CJs_VZk4

到目前为止，我已经使用 Firebase Cloud Functions 创建了一个静态 HTML 页面，它存储在 Firebase Cloud Storage 上。每当我的 Firebase 数据库中的数据更新时，都会呈现一个新的和更新的静态 HTML 页面并将其保存到 Cloud Storage。

Firebase 托管服务于该静态 HTML 页面，并将其存储在 CDN 上。
根据上面的视频，我为 CDN 设置了很长的刷新时间，因为我只希望它在我对 Firebase 数据库中的数据进行更改时更新(如果没有进行任何更改，则不刷新 CDN)

为此，当页面更新时，必须清除存储在 CDN 上的旧 HTML 页面并替换为新的 HTML 页面。

时间 33:19 的视频建议使用以下代码:

const purgeUrl = `${ORIGIN}/${path}`;
await request(purgeUrl, { method: "PURGE" });

不幸的是，它似乎不起作用。我可以看到该页面已在 Cloud Storage 上更新，但是当我刷新 URL 时，未显示新的 HTML 页面。
我可以显示新 HTML 的唯一方法是再次重新部署 firebase 代码(终端 - firebase 部署)。

这是我的代码(在 node.js 中):

const ORIGIN = "examplesite-30ccf.firebaseapp.com/";

function getFacts(){
  return database.ref('/web app/test').once('value').then(snap =>snap.val());
}

exports.updateHomePage = functions.database.ref('/web app/test')
.onWrite((snap, context) => {

  return getFacts()
  .then(result1 => {
    console.log("result1", result1);
      return bucket
      .file('public_html/index.html')
      .save(HomePage(result1), {
        gzip: true,
        metadata: {
          contentType: "text/html; charset=utf-8",
          cacheControl: "max-age=300, s-maxage=31536000" // indef CDN cache since we purge manually
        }
      }); 
  }).then(doNotUse => {

    const purgeUrl = `${ORIGIN}`;
    console.log("purged URL", purgeUrl);
    return request(purgeUrl, { method: "PURGE" });
}).catch(error => {
      // Handle errors of asyncFunc1() and asyncFunc2()
  });

});`

Firebase 函数日志中没有崩溃或异常。任何帮助深表感谢。谢谢

Answer 1

我在尝试解决另一个问题时无意中找到了答案。

您需要使用付费 Firebase 计划才能进行外部 API 调用:
https://firebase.google.com/pricing/

所以只要你升级了你的计划，PURGE 方法就可以工作。
这是允许您清除 CDN(Typescript 中的 Node.js)的代码:

import * as request from "request-promise";

const purgeUrl = `examplesite.com`;
await request(purgeUrl, { method: "PURGE" });