Flutter是一个用户界面开发软件开发工具包。 Flutter是一个由 Google 维护的开源项目。它使软件开发人员能够使用单一代码库为 IOS、Android、Web 和桌面制作精美的本机编译应用程序。虽然开发flutter应用程序非常有趣和有趣，但将产品展示给最终用户也很重要。最好的方法之一是在 firebase 托管上托管flutter web 应用程序。
Firebase 也是一款护目镜产品，可供开发人员作为后端和服务使用。它主要用于开发和维护软件应用程序的后端。 Firebase 提供多种服务，例如实时数据库和 ML 套件，还可以帮助开发人员专注于应用程序的功能，而不是努力实现它。因此，在这里我们将使用 firebase 托管来托管我们的flutter应用程序。最重要的是，开始使用 firebase 无需任何费用。
先决条件：
- 将要托管的Flutter项目。在这里，我们将托管一个交互式故事应用程序。
- Gmail 帐户。
- Node JS 安装在电脑上。它将使我们能够安装 firebase CLI(命令行界面)。
现在按照以下步骤在 Firebase 上免费托管flutter Web 应用程序：
第 1 步：在 firebase 上创建一个新项目
第一步是在firebase中创建一个项目。访问 firebase.google.com 并注册(如果您还没有)并转到控制台。在这里，我们将创建一个新项目并为其指定我们选择的任何名称。
第 2 步：创建flutter Web 应用程序
在这一步中，我们将创建我们已经准备好的flutter项目的 web 应用程序。我制作了一个交互式故事应用程序，可以根据用户的输入更改故事。要创建flutter项目的 Web 应用程序，我们将使用以下命令“ flutter build web ”。这将在 web 目录中的 build 文件夹中创建一个轻巧流畅的flutter web 应用程序。您甚至可以使用以下命令检查构建是否有任何问题：
flutter run -d chrome --release第 3 步：注册应用程序
在这一步中，我们将在我们创建的 firebase 项目中创建一个 web 实例并注册我们的 web 应用程序并为flutter web 应用程序生成一个名称 (URL)。
第 4 步：添加 Firebase SKD
现在我们将在我们的flutter应用程序中添加 firebase 系统开发工具包。它帮助 firebase 识别 Web 应用程序、跟踪其版本、跟踪其使用情况。它是通过在 index.html 页面的正文中添加两个或三个脚本来完成的。
第 5 步：安装 Firebase CLI
在这一步中，我们将安装一个 firebase 命令行界面，让我们与 firebase 交互并使用其功能。这是通过在终端中运行以下命令来完成的：
npm install -g firebase-tools第 6 步：部署应用程序
这是我们将flutter Web 应用程序部署到 firebase 托管的最后一步。首先，我们需要运行命令“firebase login ”来确认我们已连接到firebase。然后我们将通过运行命令“ firebase inti ”来初始化进程。现在我们需要选择一些您可以在下面的视频中看到的选项。在完成所有初始化步骤之后，我们将使用命令“ firebase deploy ”或 firebase 网站上给出的命令。此命令会将所有文件推送到托管服务器，并将返回我们已成功托管的 Web 应用程序的 URL。在这种情况下，它是 https://gfg-flutter-story.web.app/，如果您愿意，可以查看它。
包含所有步骤的完整视频。