带有单页应用程序的 Firebase 函数自定义域

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 托管会转发函数的完整路径，而不仅仅是 ** 部分。
2. 重写是按顺序解决的，因此无需为您的第二个重写源执行!/features/**。 ** 应该没问题，因为如果它与 /features/** 匹配，它将已经匹配第一次重写并解析为函数。

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