• 打包并发布到 Web 平台
    • 添加一个桌面图标
    • 混淆并压缩代码
    • 构建用于发布的应用
    • 将 Flutter 应用内嵌到一个 HTML 页面里
    • 部署到 Web 端

    打包并发布到 Web 平台

    （例如）在典型的开发过程中，你可以在命令行使用 flutter run -d chrome 命令测试应用程序。这会构建出 debug 版本的应用。

    本页面会帮助你构建 release 版本的应用。

    This page covers the following topics:

    • 添加一个桌面图标

    • 混淆并压缩代码

    • 构建用于发布的应用

    • 发布到 Web 上

    添加一个桌面图标

    暂未完成

    混淆并压缩代码

    当你创建了一个 release 版本时，便混淆并压缩了代码。

    Debug 模式构建的 Web 应用没有被压缩，且 Tree-shaking 没有执行。

    Profile 模式构建的 Web 应用没有被压缩，但 Tree-shaking 执行了。

    Release 模式构建的 Web 应用被压缩了，并且 Tree-shaking 执行了。

    构建用于发布的应用

    使用 flutter build web 命令构建应用程序以进行部署。这将生成包括资源的应用程序，并将文件放入项目的 /build/web 目录中。

    一般的应用程序的 release 版本具有以下结构：

    1. /build/web
    2.   assets
    3.     AssetManifest.json
    4.     FontManifest.json
    5.     LICENSE
    6.     fonts
    7.       MaterialIcons-Regular.ttf
    8.       <other font files>
    9.     <image files>
    10.   index.html
    11.   main.dart.js
    12.   main.dart.js.map

    启动 Web 服务器（例如，python -m SimpleHTTPServer 8000，或使用dhttpd package），然后打开 /build/web 目录。在浏览器中访问 localhost:8000（前文用 Python 启动的服务器）以查看应用程序的 release 版本。

    将 Flutter 应用内嵌到一个 HTML 页面里

    你可以使用 iframe 标签将 Flutter web 应用内嵌到一个网页里。请参照下面的例子，将 URL 替换成实际的地址：

    1. <iframe src="URL"></iframe>

    部署到 Web 端

    等你准备好部署应用时，将 release 包上传到 Firebase、云或者是类似服务上：

    • Firebase Hosting
    • GitHub Pages
    • Google Cloud Hosting

    在未来，我们计划生成 PWA 配置文件来支持渐进式 Web 应用。