Flutter Tutorial: Deploy your Flutter Web App in the AWS Cloud

Подписаться 2,4 тыс.

Просмотров 9 тыс.

50% 1

Maybe the best deployment channel for you flutter applications is the web - you have total control over the deployment and your app is available to anyone with access to a web browser.
Flutter applications are static content, so the best way to host them is in a Content Delivery Network, providing scalability, caching and low-latency access across the globe. This is also a very cost-effective way to host your static files.
In this video, I will be demonstrating how to configure AWS S3 storage, setup a Cloudfront distribution, request the certificate for SSL and configure your DNS server to host your app in a sub-domain of your website for encrypted delivery of your application to the users.

Опубликовано:

15 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 21

@tekotempatkopi-task 2 года назад

I like this : - Build to web : 01:42 - Deploy : 12:55 - look the web : 14:50 ,

@techbuildercto 2 года назад

Thanks :-)

@reconway13 Год назад

Excellent and clear explanation of how to deploy with all details covered. Great job!

@techbuildercto Год назад

Much appreciated!

@pavithrat6991 Месяц назад

Great One. How can we achieve automatic deployments and rollback?

@h.verheijen7872 2 года назад

Great insights for Flutter web apps running on AWS! Thx.

@techbuildercto 2 года назад

You're welcome!

@9omiGD Год назад

no waste of time, to the point. not missing anything critical either. thanks.

@ajai_aj10 7 месяцев назад

That was quite informative!! Thanks from india

@techbuildercto 6 месяцев назад

Glad it was helpful!

@NikeshMadhav-c1c Год назад

I am new to aws.. will it work same for flutter with amplify hosting?

@rafaelcruz7820 Год назад

Great video!! I'm using API Gateway and Lambda Functions and after deploying and accessing my web app I have CORS error. Did you by any change already came across this error? Thanks in advance

@techbuildercto Год назад

Hi Rafael, yes, many times. In your resource in the API Gateway, under actions you find Enable CORS. Use this and re-deploy, then it should allow access from cross origin.

@karanv293 Год назад

hey , is setting the bucket to public a security risk for your app? does that mean someone with access to the bucket url can get its contents? sorry im kinda new to AWS hosting .

@techbuildercto Год назад

Hi Karan, very important question! For web-hosting, you do need to make sure write access to your files is locked down and - depending on the criticality of your app and data - you need to make sure this access is locked down as much as possible.

@messi_maeun_stew 2 года назад

Can you just allow access to s3 from CloudFront only, with all the other public access blocked?

@techbuildercto 2 года назад

Yes, I don't show it like that in this video, but it is absolutely possible. The AWS documentation covers this.

@yogeshriyat Год назад

I'm confused on why you are calling Flutter apps "static" content? Flutter allows for Stateful widgets? Maybe I'm missing something!

@techbuildercto Год назад

From a web server view, it is static content. There is business logic or transformation happening on the server; The execution of the code happens on client side