How do I get static resources to work on AWS? I us...

# kotless

[PJ Walstrom]

How do I get static resources to work on AWS? I use

@StaticGet("/favicon.ico", MimeType.PNG)
val favicon = File("favicon.ico")

The resource is deployed to S3, but it is not accessible. Locally, it works, though.

I see the same problems with e.g. https://ktor.short.kotless.io/favicon.apng and https://ktor.site.kotless.io/favicon.apng

[TanVD]

In your case actual problem is that you are deploying ico as png probably. From Safari kotless examples been working ok, but from Chrome I see some error with headers...

[PJ Walstrom]

Same problem if it is png or ico. Can't get the kotless examples to work on Safari either, maybe cached at your side? Are there any examples with other static resources except from favicons?

[TanVD]

Yep, js and css on that site is also static resources. Does it work for you? Maybe the problem is with binary files

[PJ Walstrom]

I'll test with some non-binary resources

[PJ Walstrom]

Can't get non-binary to work, either. CSS not loaded, even though it is there https://vikxi5gyvl.execute-api.eu-north-1.amazonaws.com/1/kotless-test.css
works fine with ./gradlew local, though

[TanVD]

hmm, for me it loads...

[TanVD]

Or what do you mean?

[PJ Walstrom]

yes, but the css is not in effect. Locally it is lightblue, on AWS it is not

[TanVD]

Hm, do you have a dns record? And what url do you use for test?)

[TanVD]

Could you check that links in html to css are correct?

[PJ Walstrom]

Will check tonight, currently out biking 🙂🚴

[PJ Walstrom]

The URL to the CSS in the generated HTML is https://vikxi5gyvl.execute-api.eu-north-1.amazonaws.com/kotless-test.css, which does not work. It should be https://vikxi5gyvl.execute-api.eu-north-1.amazonaws.com/1/kotless-test.css

I have no way to know about the /1, though

Source code: https://github.com/pjwalstrom/kotless-test/blob/master/src/main/kotlin/me/pj/Main.kt

[TanVD]

Where is the main HTML located?)

[PJ Walstrom]

I used HTML DSL in the mentioned Main.kt, and it all ends up here https://vikxi5gyvl.execute-api.eu-north-1.amazonaws.com/1

[TanVD]

I'll have to check, the problem is due to no domain used 😞

[PJ Walstrom]

When I use a domain, both binary and non-binary static resources works fine in Safari [1]. If I right click a picture and choose "Open Image in New Tab" [2], the picture is not shown, though. Which really makes little sense!

In Chrome, only non-binary static resources are displayed. Which also makes little sense...

refs
[1] https://www.waperon.org
[2]

https://www.waperon.org/fjell.jpg▾

[PJ Walstrom]

Maybe a Cloudfront Distribution would solve this problem? Would that be possible to achieve with Terraform? https://aws.amazon.com/getting-started/hands-on/deliver-content-faster/

[TanVD]

It should have been working without CloudFront 😞 Could you file an issue please?

[PJ Walstrom]

You mean file an issue for Kotless, or AWS?

[TanVD]

To Kotless)