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

几件事：

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

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

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

Firebase Functions Custom Domain with Single Page App

firebase

single-page-application

firebase-hosting

google-cloud-functions