🌐 PWA guide
PWA guide: web app, Flutter web and Wrapply app files
Understand the difference between a PWA, a Flutter web build and mobile app files generated by Wrapply such as APK, AAB and Flutter source code.
What is a PWA?
A Progressive Web App is a website configured to behave more like an app in the browser. It can have a manifest, icons, install behavior and offline/cache features depending on implementation.
PWA vs mobile app generated by Wrapply
A PWA runs through the browser. A Wrapply app is a Flutter-based mobile app package that can generate APK, AAB, source code and iOS builds on request.
PWA
Browser-based installable web experience.
Browser-based installable web experience.
APK/AAB app
Android mobile app file generated from your website.
Android mobile app file generated from your website.
Flutter source
Codebase that can evolve with native features and deeper customization.
Codebase that can evolve with native features and deeper customization.
Store publishing
Use AAB for Google Play and iOS workflows for App Store.
Use AAB for Google Play and iOS workflows for App Store.
Basic PWA files
If your Flutter project includes a web target, common PWA files are inside the web folder.
web/index.html
web/manifest.json
web/icons/Icon-192.png
web/icons/Icon-512.png
web/favicon.png
web/manifest.json
web/icons/Icon-192.png
web/icons/Icon-512.png
web/favicon.png
Build Flutter web/PWA
If your project supports web builds, you can generate web output with Flutter.
flutter pub get
flutter build web --release
flutter build web --release
When to use PWA and when to use Wrapply app files
Use PWA
When you want browser-first distribution and simple install behavior from the web.
When you want browser-first distribution and simple install behavior from the web.
Use APK
When you want direct Android installation and testing.
When you want direct Android installation and testing.
Use AAB
When you want Google Play publishing.
When you want Google Play publishing.
Use source code
When you want full Flutter control and future app development.
When you want full Flutter control and future app development.