{"id":20814132,"url":"https://github.com/branflake2267/debugging-flutter-android-ios-web-dartwebserver","last_synced_at":"2026-05-05T00:40:42.159Z","repository":{"id":145733190,"uuid":"264820687","full_name":"branflake2267/debugging-flutter-android-ios-web-dartwebserver","owner":"branflake2267","description":"Debugging, building and deploying a flutter cross platform application with web server backend","archived":false,"fork":false,"pushed_at":"2020-06-21T10:00:05.000Z","size":1000,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-12-28T16:21:50.811Z","etag":null,"topics":["android","dart","debugging-with-brandondonnelson","flutter","ios","web"],"latest_commit_sha":null,"homepage":"https://www.youtube.com/watch?v=yoAdPgw7YLM","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/branflake2267.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-05-18T03:56:01.000Z","updated_at":"2020-06-21T10:00:08.000Z","dependencies_parsed_at":"2023-06-25T23:58:38.053Z","dependency_job_id":null,"html_url":"https://github.com/branflake2267/debugging-flutter-android-ios-web-dartwebserver","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/branflake2267/debugging-flutter-android-ios-web-dartwebserver","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/branflake2267%2Fdebugging-flutter-android-ios-web-dartwebserver","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/branflake2267%2Fdebugging-flutter-android-ios-web-dartwebserver/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/branflake2267%2Fdebugging-flutter-android-ios-web-dartwebserver/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/branflake2267%2Fdebugging-flutter-android-ios-web-dartwebserver/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/branflake2267","download_url":"https://codeload.github.com/branflake2267/debugging-flutter-android-ios-web-dartwebserver/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/branflake2267%2Fdebugging-flutter-android-ios-web-dartwebserver/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32631058,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"ssl_error","status_checked_at":"2026-05-04T10:08:02.005Z","response_time":58,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","dart","debugging-with-brandondonnelson","flutter","ios","web"],"created_at":"2024-11-17T21:10:15.399Z","updated_at":"2026-05-05T00:40:42.139Z","avatar_url":"https://github.com/branflake2267.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Debugging and Deploying a Flutter Web App To Elastic Beanstalk\nDebugging and deploying a Flutter web app with Dart HTTP web server to Elastic Beanstalk.\n\n[![Build Status](https://travis-ci.org/branflake2267/debugging-flutter-android-ios-web-dartwebserver.svg?branch=master)](https://travis-ci.org/branflake2267/debugging-flutter-android-ios-web-dartwebserver)\n\n[![Debugging Video Tutorial](https://img.youtube.com/vi/yoAdPgw7YLM/0.jpg)](https://www.youtube.com/watch?v=yoAdPgw7YLM)\n \n\n## Project Configuration \n| Setting | Value |\n| --- | --- |\n| Purpose | Debugging Flutter web app with dart web server hosted on Elastic Beanstalk |\n| Client | Flutter web app |\n| Server | Dart http web server |\n| Client Language | Dart |\n| Server Language | Dart |\n| Architecture | Flutter/Dart |\n| IDE | Visual Studio Code |\n| CI | Travis CI |\n| Hosting | Elastic Beanstalk |\n| License | GPL v3 |\n| Tutorial | [Youtube Tutorial](https://youtu.be/I3EC96lTJB4) |\n\n\n## Debugging\n\n### Debugging Client CLI\n\n* Run `cd ./client` to change into the server directory.\n* Run `pub get` to initialize the project.\n* Run `flutter run -d chrome`\n\n### Debugging Server CLI\n\n* Run `cd ./server` to change into the server directory.\n* Run `pub get` to initialize the project.\n* Run `dart ./lib/server/server.dart`\n\n\n### Debugging with VS Code\n\n* Use the VS Code Launcher `1. Launch Server`\n* Use the VS Code Launcher `2. Launch Flutter Web App`\n\n#### VS Code Endpoints\n\n* http://localhost:54432/#/ - client \n* http://localhost:8080 - server\n* http://localhost:8080/api - server\n* http://localhost:8080/api/getMessage - server\n\n\n### Debugging Docker\nUsed for debugging deployment config. \n\n#### Debugging Docker Container\nMake sure things work locally in the `eb local run` runner!\n\n* Run `eb local run`\n* Open http://localhost:8080\n\n| Docker cmd | Details |\n| --- | --- |\n| docker ps | list the docker containers and [container id]s |\n| docker exec -it [container id] bash| /bin/bash into the container. (The container name could be used as well.) |\n| eb local run | This will run the Dockerrun.aws.json multi-container configuration  |  \n\n\n\n## Init Reference\n\n### Install Dart\nThe [dart tools](https://dart.dev/get-dart) are required to use this project. \n\n### Install VS Code Dart Plugin\nInstall the Dart VS Code plugin. \n\nAdd the program launcher, to launch the web server.\n```\n{\n  \"version\": \"0.2.0\",\n  \"configurations\": [\n    {\n      \"name\": \"Launch Web Server\",\n      \"program\": \"lib/server.dart\",\n      \"request\": \"launch\",\n      \"type\": \"dart\"\n    }\n  ]\n}\n```\n\n## Generate Flutter Web App\n\n* [Generate a Flutter Web App Instructions](https://flutter.dev/docs/get-started/web)\n* I ran `flutter create client` to create an app named client.\n\n### Configure AWS \u0026 EB CLI\nConfigure the AWS CLI and EB CLI utilities.\n\n* [AWS CLI](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-install.html)\n* [Configure AWS CLI](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-configure.html)\n* [EB CLI](https://docs.aws.amazon.com/elasticbeanstalk/latest/dg/eb-cli3.html)\n\nRun `aws configure` to configure the AWS credentials locally.\n\n#### Create Elastic Beanstalk Application\nSet up the Elastic Beanstalk application.\n\nRun `eb init` to configure the Elastic Beanstalk hosting config.\n\n* Choose the datacenter that makes sense to you. (I'll choose the default.)\n* Choose `Create New Application` and I use the default application name in this example.\n* Choose `Multi-container Docker` and the latest version.\n* Do not choose CodeCommit in this config.\n* Choose the SSH key to setup SSH, if you want to use SSH.\n\nThis will create a project file [./.elasticbeanstalk/config.yml](./.elasticbeanstalk/config.yml).\n\n#### Create Elastic Beanstalk Environment.\nSet up an Elastic environment for your application. \n\nRun `eb create dartserver-staging-v1` where `dartserver-staging-v1` is the enviornment name you choose. \n\n#### Docker Config\nThe `Dockerrun.aws.json` will configure the docker container when deployed. \nIn this configuration I won't show how to build and deploy a Docker image to ECR.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbranflake2267%2Fdebugging-flutter-android-ios-web-dartwebserver","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbranflake2267%2Fdebugging-flutter-android-ios-web-dartwebserver","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbranflake2267%2Fdebugging-flutter-android-ios-web-dartwebserver/lists"}