首页 > 解决方案 > 如何使用 firebase 多站点托管部署 next.js webapp?

问题描述

我尝试使用 firebase 多站点托管部署 next.js 应用程序,但我无法理解文件夹结构将是什么以及它是如何完成的,所以任何人都可以提供帮助?到目前为止,我已经创建了一个 src 文件夹,其中有一个公用文件夹、一个函数文件夹和应用程序文件夹,其中有两个文件夹 admin 和 customer,所以我该怎么做。请建议提前致谢。

标签: firebaseexpressgoogle-cloud-functionsfirebase-hostingnext.js

解决方案


您可以为每个站点设置单独的 Firebase 托管配置,以便firebase.json为每个publicadmincustomers站点/文件夹设置一个,也可以将它们组合成一个firebase.json.

在后者的情况下,您将firebase.json在项目的顶层定义如下:

{
  "hosting": [ {
      "target": "public",
      "public": "src"

      // ...

      "rewrites": [...] // You can define specific hosting configurations for each site
    },
    {
      "target": "admin", // "app" is the applied target-name for the Hosting site myapp-app
      "public": "app/admin",
    },
    {
      "target": "customers",
      "public": "app/customers",
    }
  ]
}

然后,您可以使用 部署所有站点firebase deploy,或使用 部署特定站点firebase deploy --only hosting:admin

请参阅为每个站点定义托管配置


推荐阅读