[SOLVED] Error when logging to console after account created in Chrome

But then the base app would be unsecured

Or would that be solved by NPM (Nginx Proxy Manager) ?

are you saying your front end app is not connecting to console.whatever?

do you also have NPM in front of appwrite?

Well, I'm kind of cheating, because I also redirecting myapp.mydomain.tld/v1/ to be served by the appwrite service in the traefik config. Because I don't have yet an certificate for console., the app would not work without this

Not yet, but I'm planning on adding it

👀 this doesn't really sound right...

probably best to set this up first especially if you're already hosting multiple apps on the same server. and if you're using NPM, Appwrite's certificates wouldn't really matter

Great, I'll set it up then

_APP_DOMAIN should be your main domain (like console.whatever). For project specific endpoints, you can use custom domains (https://appwrite.io/docs/custom-domains). But, like I said, if you're using NPM, you may not need to add a custom domain since NPM would handle the certificate generation.

For using NPM in front of Appwrite, you can refer to this: https://medium.com/@stnguyen90/how-to-run-appwrite-behind-nginx-19348ed34243

Awesome! Thanks a lot!! 💯 👏

I didn't understand this from the article:

<IP Address of NPM> How do I get this IP, if it's running on the same server ?

Is it 127.0.0.1, even though it's inside of docker ?

not 127.0.0.1

is the public IP of the server ?

so traefik and NPM should be in the same docker network and have an IP address in that network. You can run docker inspect <network> to get the containers in the network

Good, I'll try that

Is it (1) IPAM.Config[0].Gateway or (2) Containers.{ID}.IPv4Address ? Option (2) has a "/16" subnet mask after the address, does it work with that ?

it would be the IPv4 Address without the subnet mask

Got it

I got the domains working with https in NPM, in the console everything works. But when the frontend app calls the console endpoints, there are some cors errors. The frontend calls this:

GET https://console.myapp.mydomain.tld/v1/account

origin: https://myapp.mydomain.tld
referer: https://myapp.mydomain.tld/

In the devtools logs:

Access to XMLHttpRequest at 'https://console.myapp.mydomain.tld/v1/account' from origin 'https://myapp.mydomain.tld' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://localhost' that is not equal to the supplied origin.

It's very strange because before the GET /v1/account, the browser sends an OPTIONS /v1/account, and on the Options method the server replies with the right access-control-allow-origin: https://myapp.mydomain.tld.

But when the browser calls the Get method, for some reason the server replies with access-control-allow-origin: https://localhost, which I don't understand why. It doesn't appear to be related to NPM because it works in the Option method, but I dunno.

Did you add the hostname for your app as a web platform for your project in the Appwrite console?

Maybe not, I'll see

Yes, that solved it! Thanks again 👍

[SOLVED] Error when logging to console after account created in Chrome