Setting | Value |
---|---|
Purpose | Debugging and deploying a Flutter web app to Firebase. Fetching data from Firebase. Debugging on Android. |
Client | Flutter web app, Android/iOS mobiel app |
Server | Firebase |
Client Language | Dart |
Server Language | Firebase |
Architecture | Flutter/Dart |
IDE | Visual Studio Code |
CI | Travis CI |
Hosting | Firebase |
License | GPL v3 |
Tutorial | Youtube Tutorial |
- Run
cd ./client
to change into the server directory. - Run
pub get
to initialize the project. - Run
flutter run -d chrome
Web App
- Use the VS Code Launcher
Launch Flutter - Web
Mobile App
- Use the VS Code Launcher
Launch Flutter - Phone
The dart tools are required to use this project.
Install the Dart VS Code plugin. And configure the launchers.
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Flutter - Web",
"request": "launch",
"type": "dart",
"program": "client/lib/main.dart",
"args": [
"-d", "chrome"
]
},
{
"name": "Launch Flutter - Phone",
"request": "launch",
"type": "dart",
"program": "client/lib/main.dart",
}
]
}
- Generate a Flutter Web App Instructions
- I ran
flutter create client
to create an app named client.
Getting started with Firebase.
- Run
firebase login
- Run
firebase init
- Select a project. Select a public www directory.