Mixing
Akka-Http load css&js resources
5
I want to use akka-http like http server (for example tomcat or nginx server) .
with this simple code can load html sources from web browsers but can not load other source linked on html file .
import akka.actor.ActorSystem
import akka.http.scaladsl.Http
import akka.http.scaladsl.server.Directives._
import akka.stream.ActorMaterializer
import scala.io.StdIn
object MainRunner extends App {
implicit val system = ActorSystem("mySystem")
implicit val materializer = ActorMaterializer()
implicit val ec = system.dispatcher
val staticResources =
get {
path("admin") {
getFromResource("admin/index.html")
} ~ pathPrefix("admin") {
getFromResourceDirectory("admin")
}
}
val bindingFuture = Http().bindAndHandle(staticResources, "localhost", 8080)
println(s"Server online at http://localhost:8080/nPress RETURN to stop...")
StdIn.readLine() // let it run until user presses return
bindingFuture
.flatMap(_.unbind()) // trigger unbinding from the port
.onComplete(_ => system.terminate()) // and shutdown when done
}
this is my html file :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<h1>Admin area</h1>
</body>
</html>
and receive this error in browser :
This is directory structure :
How can fix this problem ?
akka akka-http sca
asked Dec 16 '16 at 7:49
mah454mah454
499415
add a comment |
5
I want to use akka-http like http server (for example tomcat or nginx server) .
with this simple code can load html sources from web browsers but can not load other source linked on html file .
import akka.actor.ActorSystem
import akka.http.scaladsl.Http
import akka.http.scaladsl.server.Directives._
import akka.stream.ActorMaterializer
import scala.io.StdIn
object MainRunner extends App {
implicit val system = ActorSystem("mySystem")
implicit val materializer = ActorMaterializer()
implicit val ec = system.dispatcher
val staticResources =
get {
path("admin") {
getFromResource("admin/index.html")
} ~ pathPrefix("admin") {
getFromResourceDirectory("admin")
}
}
val bindingFuture = Http().bindAndHandle(staticResources, "localhost", 8080)
println(s"Server online at http://localhost:8080/nPress RETURN to stop...")
StdIn.readLine() // let it run until user presses return
bindingFuture
.flatMap(_.unbind()) // trigger unbinding from the port
.onComplete(_ => system.terminate()) // and shutdown when done
}
this is my html file :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<h1>Admin area</h1>
</body>
</html>
and receive this error in browser :
This is directory structure :
How can fix this problem ?
akka akka-http sca
asked Dec 16 '16 at 7:49
mah454mah454
499415
add a comment |
5
5
5
I want to use akka-http like http server (for example tomcat or nginx server) .
with this simple code can load html sources from web browsers but can not load other source linked on html file .
import akka.actor.ActorSystem
import akka.http.scaladsl.Http
import akka.http.scaladsl.server.Directives._
import akka.stream.ActorMaterializer
import scala.io.StdIn
object MainRunner extends App {
implicit val system = ActorSystem("mySystem")
implicit val materializer = ActorMaterializer()
implicit val ec = system.dispatcher
val staticResources =
get {
path("admin") {
getFromResource("admin/index.html")
} ~ pathPrefix("admin") {
getFromResourceDirectory("admin")
}
}
val bindingFuture = Http().bindAndHandle(staticResources, "localhost", 8080)
println(s"Server online at http://localhost:8080/nPress RETURN to stop...")
StdIn.readLine() // let it run until user presses return
bindingFuture
.flatMap(_.unbind()) // trigger unbinding from the port
.onComplete(_ => system.terminate()) // and shutdown when done
}
this is my html file :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<h1>Admin area</h1>
</body>
</html>
and receive this error in browser :
This is directory structure :
How can fix this problem ?
akka akka-http sca
asked Dec 16 '16 at 7:49
mah454mah454
499415
I want to use akka-http like http server (for example tomcat or nginx server) .
with this simple code can load html sources from web browsers but can not load other source linked on html file .
import akka.actor.ActorSystem
import akka.http.scaladsl.Http
import akka.http.scaladsl.server.Directives._
import akka.stream.ActorMaterializer
import scala.io.StdIn
object MainRunner extends App {
implicit val system = ActorSystem("mySystem")
implicit val materializer = ActorMaterializer()
implicit val ec = system.dispatcher
val staticResources =
get {
path("admin") {
getFromResource("admin/index.html")
} ~ pathPrefix("admin") {
getFromResourceDirectory("admin")
}
}
val bindingFuture = Http().bindAndHandle(staticResources, "localhost", 8080)
println(s"Server online at http://localhost:8080/nPress RETURN to stop...")
StdIn.readLine() // let it run until user presses return
bindingFuture
.flatMap(_.unbind()) // trigger unbinding from the port
.onComplete(_ => system.terminate()) // and shutdown when done
}
this is my html file :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<h1>Admin area</h1>
</body>
</html>
and receive this error in browser :
This is directory structure :
How can fix this problem ?
akka akka-http sca
akka akka-http sca
asked Dec 16 '16 at 7:49
mah454mah454
499415
asked Dec 16 '16 at 7:49
mah454mah454
499415
edited Nov 21 '18 at 4:59
mah454
asked Dec 16 '16 at 7:49
mah454mah454
499415
asked Dec 16 '16 at 7:49
mah454mah454
499415
asked Dec 16 '16 at 7:49
mah454mah454
499415
499415
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
7
You will need your route to add trailing slash when hitting the static resources paths. The redirectToTrailingSlashIfMissing directive should do the trick:
import akka.http.scaladsl.model.StatusCodes
val staticResources =
(get & pathPrefix("admin")){
(pathEndOrSingleSlash & redirectToTrailingSlashIfMissing(StatusCodes.TemporaryRedirect)) {
getFromResource("admin/index.html")
} ~ {
getFromResourceDirectory("admin")
}
}
edited Aug 25 '18 at 23:46
Dexter Legaspi
1,88911921
answered Dec 16 '16 at 9:28
Stefano BonettiStefano Bonetti
7,30511336
add a comment |
0
You need following directive
get {
getFromResourceDirectory("admin")
}
answered Dec 16 '16 at 9:12
expertexpert
16.6k2197174
this won't work the way OP wants it to work;index.htmlwill only load if user explicitly goes to urladmin/index.htmlbut not foradminoradmin/
– Dexter Legaspi
Aug 25 '18 at 14:17
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f41179581%2fakka-http-load-cssjs-resources%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
7
You will need your route to add trailing slash when hitting the static resources paths. The redirectToTrailingSlashIfMissing directive should do the trick:
import akka.http.scaladsl.model.StatusCodes
val staticResources =
(get & pathPrefix("admin")){
(pathEndOrSingleSlash & redirectToTrailingSlashIfMissing(StatusCodes.TemporaryRedirect)) {
getFromResource("admin/index.html")
} ~ {
getFromResourceDirectory("admin")
}
}
edited Aug 25 '18 at 23:46
Dexter Legaspi
1,88911921
answered Dec 16 '16 at 9:28
Stefano BonettiStefano Bonetti
7,30511336
add a comment |
7
You will need your route to add trailing slash when hitting the static resources paths. The redirectToTrailingSlashIfMissing directive should do the trick:
import akka.http.scaladsl.model.StatusCodes
val staticResources =
(get & pathPrefix("admin")){
(pathEndOrSingleSlash & redirectToTrailingSlashIfMissing(StatusCodes.TemporaryRedirect)) {
getFromResource("admin/index.html")
} ~ {
getFromResourceDirectory("admin")
}
}
edited Aug 25 '18 at 23:46
Dexter Legaspi
1,88911921
answered Dec 16 '16 at 9:28
Stefano BonettiStefano Bonetti
7,30511336
add a comment |
7
7
7
You will need your route to add trailing slash when hitting the static resources paths. The redirectToTrailingSlashIfMissing directive should do the trick:
import akka.http.scaladsl.model.StatusCodes
val staticResources =
(get & pathPrefix("admin")){
(pathEndOrSingleSlash & redirectToTrailingSlashIfMissing(StatusCodes.TemporaryRedirect)) {
getFromResource("admin/index.html")
} ~ {
getFromResourceDirectory("admin")
}
}
edited Aug 25 '18 at 23:46
Dexter Legaspi
1,88911921
answered Dec 16 '16 at 9:28
Stefano BonettiStefano Bonetti
7,30511336
You will need your route to add trailing slash when hitting the static resources paths. The redirectToTrailingSlashIfMissing directive should do the trick:
import akka.http.scaladsl.model.StatusCodes
val staticResources =
(get & pathPrefix("admin")){
(pathEndOrSingleSlash & redirectToTrailingSlashIfMissing(StatusCodes.TemporaryRedirect)) {
getFromResource("admin/index.html")
} ~ {
getFromResourceDirectory("admin")
}
}
edited Aug 25 '18 at 23:46
Dexter Legaspi
1,88911921
answered Dec 16 '16 at 9:28
Stefano BonettiStefano Bonetti
7,30511336
edited Aug 25 '18 at 23:46
Dexter Legaspi
1,88911921
edited Aug 25 '18 at 23:46
Dexter Legaspi
1,88911921
edited Aug 25 '18 at 23:46
Dexter Legaspi
1,88911921
1,88911921
answered Dec 16 '16 at 9:28
Stefano BonettiStefano Bonetti
7,30511336
answered Dec 16 '16 at 9:28
Stefano BonettiStefano Bonetti
7,30511336
answered Dec 16 '16 at 9:28
Stefano BonettiStefano Bonetti
7,30511336
7,30511336
add a comment |
add a comment |
0
You need following directive
get {
getFromResourceDirectory("admin")
}
answered Dec 16 '16 at 9:12
expertexpert
16.6k2197174
this won't work the way OP wants it to work;index.htmlwill only load if user explicitly goes to urladmin/index.htmlbut not foradminoradmin/
– Dexter Legaspi
Aug 25 '18 at 14:17
add a comment |
0
You need following directive
get {
getFromResourceDirectory("admin")
}
answered Dec 16 '16 at 9:12
expertexpert
16.6k2197174
this won't work the way OP wants it to work;index.htmlwill only load if user explicitly goes to urladmin/index.htmlbut not foradminoradmin/
– Dexter Legaspi
Aug 25 '18 at 14:17
add a comment |
0
0
0
You need following directive
get {
getFromResourceDirectory("admin")
}
answered Dec 16 '16 at 9:12
expertexpert
16.6k2197174
You need following directive
get {
getFromResourceDirectory("admin")
}
answered Dec 16 '16 at 9:12
expertexpert
16.6k2197174
answered Dec 16 '16 at 9:12
expertexpert
16.6k2197174
answered Dec 16 '16 at 9:12
expertexpert
16.6k2197174
answered Dec 16 '16 at 9:12
expertexpert
16.6k2197174
16.6k2197174
this won't work the way OP wants it to work;index.htmlwill only load if user explicitly goes to urladmin/index.htmlbut not foradminoradmin/
– Dexter Legaspi
Aug 25 '18 at 14:17
add a comment |
this won't work the way OP wants it to work;index.htmlwill only load if user explicitly goes to urladmin/index.htmlbut not foradminoradmin/
– Dexter Legaspi
Aug 25 '18 at 14:17
this won't work the way OP wants it to work;
index.html will only load if user explicitly goes to url admin/index.html but not for admin or admin/– Dexter Legaspi
Aug 25 '18 at 14:17
this won't work the way OP wants it to work;
index.html will only load if user explicitly goes to url admin/index.html but not for admin or admin/– Dexter Legaspi
Aug 25 '18 at 14:17
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f41179581%2fakka-http-load-cssjs-resources%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
