Deploy `Flutter` App to Fly.io

Question

Deploy `Flutter` App to Fly.io

nelsonic opened this issue 2 years ago · 22 comments

nelsonic commented 2 years ago

Deploy the Flutter App to: https://fly.io/dashboard/dwyl-app as dwylapp
Replace all the instances of applicationId "com.example.myapp"
with applicationId "com.dwyl.app" in the Flutter App.
See: https://developer.android.com/studio/build/application-id.html
Add dwyl logo to the Flutter App.
see: dwyl/flutter-phoenix-channels-demo#3
Create subdomain on Cloudflare: app.dwyl.com pointing to dwylapp.fly.io (@nelsonic will do this step)
Trouble-shoot app.dwyl.com DNS issue: #316

LuchoTurtle commented 2 years ago

Done

👍1
🚀1

Answer 1 · 2023-02-20T15:42:58.000Z

On it 👍

Answer 2 · 2023-02-20T15:47:35.000Z

Cool. Thanks @LuchoTurtle. Going to do my part on CloudFlare now.

Answer 3 · 2023-02-20T15:52:35.000Z

Turns out I need an IPV4 Address in order to configure the subdomain:

So can only do this once the initial deployment to Fly.io is complete.
@LuchoTurtle ping me on Signal when you've got the basic Flutter App deployed. 👌

Answer 4 · 2023-02-20T16:42:07.000Z

@nelsonic Already made the changes in #313 . It is already deployed (check https://fly.io/dashboard/dwyl-app) so you can proceed with Cloudflare.

Answer 5 · 2023-02-21T07:39:38.000Z

Get IP v4 Address from Fly.io App info: https://fly.io/apps/dwylapp

`66.241.125.55`

Add to DNS config on Cloudflare:

Wait patiently while the DNS records update ... ⏳

Answer 6 · 2023-02-21T07:43:01.000Z

https://app.dwyl.com/

What part of "patiently" didn't you understand...? 😜
(come back to this in a few hours once the DNS record has propagated ...)
OR update DNS on Mac to point to 1.1.1.1 ...

Still have to be patient ... 🧘

Answer 7 · 2023-02-21T09:43:39.000Z

We should review this together on Standup today.

Answer 8 · 2023-02-21T09:45:29.000Z

Just ran:

 fly ips allocate-v4 --app dwylapp

as per: https://fly.io/docs/reference/services/

And got the following:

VERSION	IP             	TYPE  	REGION	CREATED AT 
v4     	149.248.196.139	public	global	8s ago

Now instead of having a shared IP v4 address, we have:
https://fly.io/apps/dwylapp

`149.248.196.139` (not shared)

Answer 9 · 2023-02-21T09:47:11.000Z

Updated the IP address on Cloudflare:

Getting the following (different) error when visiting: https://app.dwyl.com/

Answer 10 · 2023-02-21T09:47:32.000Z

Ok. might need to be patient with this again. ⏳

Answer 11 · 2023-02-21T09:52:38.000Z

This error is quite strange:

This page isn’t working app.dwyl.com redirected you too many times.
[Try clearing your cookies](https://support.google.com/chrome?p=rl_error&hl=en-GB).
ERR_TOO_MANY_REDIRECTS

@LuchoTurtle / @SimonLab would you mind researching this 🔍 🙏
or if one of you wants to figure out why the App isn't working on the subdomain (I can help if needed)
then the other person can look into page load times: #315

Answer 12 · 2023-02-21T09:54:40.000Z

Could it be that the Flutter app doesn't acknowledge the app.dwyl.com as a possible redirect? 💭

Answer 13 · 2023-02-21T10:01:32.000Z

On @LuchoTurtle's advice:
Changed:

Updated:

Sadly, we get: "SSL handshake failed":

And it also fails for the auth instance that was working: https://auth.dwyl.com/

Answer 14 · 2023-02-21T10:10:31.000Z

Lots of people have this problem in Cloudflare forums and all the links I could find are usually SSL/TLS-related or HTTP/HTTPS-related.
Cloudflare Docs even has a troubleshooting section for this.

https://developers.cloudflare.com/ssl/troubleshooting/too-many-redirects/

If the Cloudflare configuration is the same as auth's, there must be something on fly's side that is not.

Answer 15 · 2023-02-21T10:15:12.000Z

Yeah, the first thing I checked was the two apps we have on Fly.io that have Cloudflare A records:
https://auth.dwyl.com and https://hits.dwyl.com
Both of these are Phoenix Apps. So it's possible that the config for the Flutter app is just not quite right.
Hence me suggesting that we need to ask a question on the https://community.fly.io
with as much context as possible.

Answer 16 · 2023-02-21T10:17:11.000Z

If you search on https://community.fly.io for "Flutter" the only match is: https://community.fly.io/t/postgres-write-broken-pipe/5529

This is not relevant to us. so we need to open a new question. That will be helpful to anyone else trying to deploy a Flutter Web App to Fly.io. 🙏

Answer 17 · 2023-02-21T10:45:46.000Z

I've created a thread here https://community.fly.io/t/err-too-many-redirects-when-deploying-flutter-web-app-with-a-cloudflare-proxy/10894

You can check if it's good enough @nelsonic

Answer 18 · 2023-02-21T11:08:30.000Z

@LuchoTurtle please update your question with screenshots without obfuscating the IP addresses:

None of this is private or sensitive info. it's all public by virtue of the fact that DNS is public. 🌎
So scrubbing the IP address just makes you/us look like we have no idea what we're doing. 🙃

e.g: https://www.whatsmydns.net/dns-lookup?query=dwyl.com&server=cloudflare

Answer 19 · 2023-02-21T11:29:50.000Z

Not closed. Additional checkboxes / todos added to OP. ⏳

Answer 20 · 2023-02-21T13:56:02.000Z

Dedicated issue for this DNS saga: #316

Answer 21 · 2023-05-16T08:15:29.000Z

Closing this issue because #316 has also been addressed.

66.241.125.55

149.248.196.139 (not shared)

`66.241.125.55`

`149.248.196.139` (not shared)