Firebase Functions 自定义域与单页应用程序

Question

我有一个 Firebase 托管的单页应用。

我还有 3 个 Firebase 功能(联系方式、计划、功能)，应用程序和外部资源会请求这些功能。

我的应用程序有一个自定义域，我想通过它访问我的函数。

这是我当前的 firebase.json 配置

{
  "hosting": {
    "public": "www",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

因此，目前所有流量都流向我的应用程序，路由是通过我的 SPA 处理的。目前必须通过 cloudfunctions.net URL 访问我的函数，这并不理想。

如何向此配置添加 URL 重写条目，以便可以通过我的自定义域访问我的功能并且我的单页应用程序处理其余路由？

我已经为 features 端点尝试了以下操作:

"rewrites": [
  {
    "source": "/features/**",
    "function": "features"
  },
  {
    "source": "!/features/**",
    "destination": "/index.html"
  }
]

在我的函数 index.js 中，我有:

...
exports.plans = functions.https.onRequest(plansApi);
exports.features = functions.https.onRequest(featuresApi);
exports.contact = functions.https.onRequest(contactApi);

但我收到 404 Cannot GET/features/123 作为响应？

Answer 1

一些事情:

1. 确保您的 featuresApi 处理程序匹配完整 URL 路径(例如 /features/123 而不是 /123)。 Firebase Hosting 转发函数的完整路径，而不仅仅是 ** 部分。
2. 重写是按顺序解决的，因此无需为您的第二个重写源执行 !/features/**。 ** 应该没问题，因为如果它匹配 /features/** 它将已经匹配第一个重写并解析为函数。

根据错误消息，似乎 (1) 是这里的罪魁祸首。