Support flavors on web

[provokateurin]

Use case

I have two apps that are basically the same modular app with different features loaded. Currently I have to separate apps that import the same package which handles all the modular things. I figured out that flavors would be perfect to make it simpler, but flavors don't work on web.

Proposal

Flavors should be implemented for web. I know this is harder than on Android or iOS, because the web has no concept of flavors, but still this feature is needed to by developers that use flavors on Android and iOS and want to expand to web.

[TahaTesser]

Hi @jld3103
Can you explain how it could be implemented on web since there is no concept of flavors in web?

[provokateurin]

My only idea was to create separate icons and manifests and use a single index.html file which loads a dynamically generated javascript file which contains the selected flavor. This flavor also needs to be acessible in the dart code. It could use a js interface for that.

I'm not sure if that's a possible solution, but it feels a bit to hacky.

[TahaTesser]

@jld3103
I am not sure this could be done, since Flutter doesn't maintain flavors for platforms

You can better ideas if you ask this one Stackoverflow or somewhere else

Please see https://flutter.dev/community for resources and asking questions like this,
you may also get some help if you post it on Stack Overflow and if you need help with your code, please see https://www.reddit.com/r/flutterhelp/
Closing, as this isn't an issue with Flutter itself. If you disagree, please write in the comments and I will reopen it.
Thank you

[provokateurin]

I'm not asking for help to implement it, but rather for flutter to support it. If flavors are supported on Android and iOS and developers want to port their app to web it will not go well. I mean without official support I now have to craft something custom for my app.

[jonahwilliams]

We have no plans to support flavors on the web. As an alternative you might consider using dart-defines or different entrypoints.

I have two apps that are basically the same modular app with different features loaded. Currently I have to separate apps that import the same package which handles all the modular things. I figured out that flavors would be perfect to make it simpler, but flavors don't work on web.

Its not really clear why you need flavors for this. Can you file an issue for the problem you are trying to solve, instead of a request for a specific solution

[provokateurin]

My current workflow contains a script that creates two apps with flutter create and replaces all relevant code. Flavors should make it much simpler, because I'd only need to change flavor and target and everything would work. (I hope this is correct)

[jonahwilliams]

replaces all relevant code

But what is the relevant code? Are you replacing constants? or...?

[provokateurin]

Don't have time rn, but here is the script: https://github.com/Viktoriaschule/App/blob/master/scripts/bin/create_app.dart
In can sumerize it later if you want. Sorry for the inconvenience.

[jonahwilliams]

Don't have time rn, but here is the script:

I don't really have time to figure out your command line tool. Please file a new bug with the problems you want solved rather than the solution you want implemented

[ToddHerron]

Until Flutter implements flavors for the web builds for directing web builds to different Firebase projects, here is a workaround using deploy targets.

The workaround works like this (see link above for instructions on how to set it up):

iOS and Android

For iOS and Android, to target these firebase instances I use Flutter flavors:

> flutter run --flavor dev
> flutter run --flavor staging
> flutter run --flavor prod

Web (Local web hosting server)

> firebase use dev
> flutter build web
> firebase serve

> firebase use staging
> flutter build web
> firebase serve

> firebase use prod
> flutter build web
> firebase serve

CTL-C to stop the local web server

Web (Firebase web hosting server)

For the Web, to target these firebase instances I use firebase deploy targets:

> firebase use dev
> flutter build web
> firebase deploy

> firebase use staging
> flutter build web
> firebase deploy

> firebase use prod
> flutter build web
> firebase deploy

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.