Flutter是一个用户界面开发软件开发套件。 Flutter是Google维护的一个开源项目。它使软件开发人员只需一个代码库，即可为IOS，Android，Web和Desktop制作漂亮的本地编译应用程序。尽管开发flutter应用程序非常有趣，但将产品展示给最终用户也很重要。最好的方法之一是将flutter Web应用程序托管在firebase托管上。
Firebase还是护目镜的产品，可供开发人员作为后端和服务使用。它主要用于开发和维护软件应用程序的后端。 Firebase提供了多种服务，例如实时数据库和ML套件，还可以帮助开发人员专注于应用程序的功能，而不是为实现它而费力。因此，在这里我们将使用Firebase托管来托管我们的flutter应用程序。最重要的是，开始使用Firebase无需支付任何费用。
先决条件：
- 将要托管的Flutter项目。在这里，我们将主持一个交互式故事应用程序。
- 一个Gmail帐户。
- 在计算机上安装了Node JS。这将使我们能够安装firebase CLI(命令行界面)。
现在，请按照以下步骤在Firebase上免费托管flutter Web应用程序：
第1步：在Firebase上创建一个新项目
第一步是在firebase中创建一个项目。访问firebase.google.com并注册(如果尚未注册)并进入控制台。在这里，我们将创建一个新项目，并为其选择任意名称。
步骤2：建立flutter网路应用程式
在这一步中，我们将创建已经准备好的flutter项目的Web应用程序。我制作了一个交互式故事应用程序，该应用程序可以根据用户的输入来更改故事。为了创建flutter项目的Web应用程序，我们将使用以下命令“ flutter build web ”。这将创建一个轻flutter流畅的Web应用程序n中的web目录里面生成文件夹。您甚至可以使用以下命令来检查构建是否存在问题：
flutter run -d chrome --release步骤3：注册应用
在这一步中，我们将在火力项目创建一个Web实例，我们已经创建并注册我们的Web应用程序，并为flutterWeb应用程序的名称(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/，您可以根据需要进行检查。
包含所有步骤的完整视频。