基于 Firebase Firestore 数据的 Nuxt SPA 动态路由

Question

所以我想在 Netlify 上托管一个 nuxt 站点，其中有一个子路由，其 slug 是一个 firebase firestore 文档 ID。

例子：

https://www.example.com/users/steve

（其中“steve”是documentid）

因此，当路由被击中时，我需要查询 firebase 以查看它是否存在，如果不存在，我将不得不返回 404。这甚至可能吗？我可以在 .net 或 php 中轻松完成，但我对 SPA 非常不确定。

如果我能做到这一点，我具体应该在文档中寻找什么？

Answer 1

一种解决方案是实现HTTPS Cloud Function，您可以像 REST API 一样调用它，向函数端点发送 HTTP GET 请求。

正如文档“用作onRequest() 的参数，Request 对象使您可以访问客户端发送的 HTTP 请求的属性”中所述。

所以你的云函数看起来像：

exports.getUser = functions.https.onRequest((req, res) => {
  // get the value of the user by parsing the url
  const baseUrl = req.baseUrl;
  //Extract the user from baseUrl
  const user = ....

 //query the Firestore database
 admin.firestore().collection('users').doc(user).get()
 .then(doc => {
    if (doc.exists) {
        res.status(200).end();
    } else {
        res.status(404).end();
    }

});

---

有关 Cloud Functions 的更多信息，请参阅 get started page 和 video series。

请注意，您可以connect an HTTP function to Firebase Hosting，这样“您的 Firebase 托管站点上的请求可以代理到特定的 HTTP 函数”。