📜  在Firebase上免费托管Flutter网站

📅  最后修改于: 2021-05-09 16:48:07             🧑  作者: Mango

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/,您可以根据需要进行检查。

包含所有步骤的完整视频

想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处前往由我们的专家精心策划的指南,以使您立即做好行业准备!