zackslee的专栏

Flutter Web 开发打包后，可以手动发布到服务器上，通过 nginx 来托管静态页面。本文将介绍如何将这一过程自动化。

在《FlutterWeb实战：04-集成微信JS-SDK提供丰富体验》中，我们介绍了如何封装微信的 JS-SDK 方法，供 Flutter 调用。在 Dart 侧定义调用方法。

在前面的文章《FlutterWeb实战：04-集成微信JS-SDK提供丰富体验》中，我们介绍了如何集成微信 JS-SDK，实现与微信 H5 交互。如果 H5 在微信小程序中打开，还可以调用 JSSDK 提供的小程序相关的 API。以下是可调用的API统一登录一种常用的场景是将部分页面以 H5 形式内嵌到小程序的 Webview 提供次级页面服务。这里面涉及到账号打通的问题。我们希望当用户在小程序中打开 Webview 页面，不需要登录、授权，就可以直接在 H5 中继续相应的操作。这里有一种方式，可以通过

本文详细介绍了如何在 Flutter Web 项目中集成微信 JS-SDK，并实现图片上传功能。通过封装 JS-SDK 的 API 和服务端处理逻辑，我们可以轻松实现与微信的深度集成，为用户提供更丰富的功能体验。希望本文能为开发者提供有价值的参考。

Gzip 压缩开启之后，可以在浏览器的开发者工具中，打开网络面板，查看响应头中，有一个 Content-Encoding: gzip 的字段，表示该文件已经被压缩。经过以上配置， Flutter Web 打包后，将对 js 文件分割，只有在当前页面打开时，才会加载对应的 js 文件，这就实现了页面组件资源的延迟加载。需要注意的事，这要做好版本控制，否则会出现缓存问题。这里使用 flutter_native_splash 插件，在 app 启动时，显示一个加载动画，在 app 加载完成后，隐藏加载动画。

前端有非常多的框架、工具、库，这些都要比 Dart Web 成熟、丰富。所以在将 Fluttter 编译成 Web 以后，若能使用现有的前端技术实现 web 端的特殊需求，肯定事半功倍。

这就是这个故事的全部，以及这个系列《FlutterWeb实战》的开始，从今天开始，我将详细讲诉几十个日夜星辰，我的研究所得，希望可以帮助到下一个等待机会的你。