如何将 flutter web 项目部署到 GitHub

是的,Flutter 2 上线了!!!您知道Flutter 2 中的新功能、Flutter Web 支持达到了稳定的里程碑、宣布 Dart 2.12 和Flutter 2发行说明。从这里检查更多

我假设你现在已经有了 Flutter 项目,就像我现在所拥有的一样,在这篇文章中,我们将看到如何将 Flutter 应用程序托管到 GitHub。

是的,在此之前,请确保您有一个 GitHub 帐户以使其正常工作。如果没有创建新的 GitHub 帐户

我现在本地有一个flutter项目,但是几分钟之后,是的,我说的几分钟之后,他就会被我托管到github上

如何将 flutter web 项目部署到 GitHub

让我们开始吧。

  1. 首先为 Web 构建您的 Flutter 应用程序

在您的项目终端中运行命令来构建 Web 版本

这将需要几分钟,您将在根项目的 build 文件夹中获得已发布的**web 文件夹,**其中包含所有发布内容,例如 sql-wasm.js、index.html、main.dart 等。

  1. 现在,您可以通过删除其中的旧内容,将所有 Web 文件夹内容从那里移动到根 Web 文件夹。

呼!完毕?

好的,一旦完成,使用以下格式创建新的 GitHub 存储库

“username .github.io”,其中 username 是您的用户名。下面的例子。

注意:它应该是确切的 username.github.io

如何将 flutter web 项目部署到 GitHub

如何将 flutter web 项目部署到 GitHub

  1. 现在将您的所有项目提交到 GitHub 。您应该在https://github.com/username/username.github.io 上看到您的项目

Boom,大功告成,现在如果您检查“https://username.github.io/web”,您应该能够看到您的应用程序启动并运行。

但我已将文件夹“web”重命名为“ moor-dart-example ”以使 url 提供更多信息。因此你可以找到我的项目托管在

https://codingwithtashi.github.io/moor-dart-example。下面的截图

如何将 flutter web 项目部署到 GitHub

如何将 flutter web 项目部署到 GitHub

就这些,谢谢大家,我希望你喜欢这个糟糕的博客。请务必鼓掌👏