How to get html, css and js all in one get with akka http?

Question

I'm trying to serve my html, css and js with akka http:

path("") {
  get {
    getFromResourceDirectory("home")
    complete(HttpEntity(ContentTypes.`text/html(UTF-8)`, home.render().toString()))
  }
}

home.render() is a twirl template that renders:

<html>
    <head>
        <link rel="stylesheet" href="home.css"> 
        <script src="home.js"></script>
    </head>
    <body>
        ...
    </body>
</html>

The html loads without problem except for the css and js files, this is my dir structure:

and this error in chrome:

GET http://localhost:8080/home.js net::ERR_ABORTED
localhost/:5 GET http://localhost:8080/home.css net::ERR_ABORTED

Did you find any better solution? If yes, I would much appreciate if you could share it. — tkachuko, Sep 22 '17 at 21:10

score 2 · Answer 1 · answered Sep 21 '17 at 20:49

2

In my project I solved it with getFromResource(path) method and additional route for resources:

val resourcePrefix = "pages"

get {
    pathSingleSlash {
      getFromResource("home.html")
    } ~
    path(resourcePrefix / Remaining) { resource =>
      getFromResource(resource)
    }
}

In your template file you would refer to resources like this:

<head>
    <link rel="stylesheet" href="/pages/home.css"> 
    <script src="/pages/home.js"></script>
</head>

answered Sep 21 '17 at 20:49

tkachuko

1,956
1
13
20

oh sorry man have been in holliday will check it once i arrive home today ;) – CommonSenseCode Sep 23 '17 at 05:37
still not working I added ` ` can you see what am I missing? – CommonSenseCode Sep 26 '17 at 18:50
Sorry for misunderstanding. According to my example it should be `` and `` – tkachuko Sep 28 '17 at 02:57

How to get html, css and js all in one get with akka http?

1 Answers1