java - 从http服务器响应资源的正确方法
问题描述
我有这个 index.html 页面:
<html>
<head>
<title>My Site</title>
<link rel="stylesheet" type="text/css" href="css/example.css" />
</head>
<body>
<h2>Hello world</h2>
<p>Image:</p>
<img src="someimage.jpg" alt="W3Schools.com" width="104" height="142">
</body>
</html>
我写了一个简单的java Http 服务器。该服务器处理请求,index.html
从资源文件夹加载并响应客户端(浏览器)。客户看到index.html
但没有资源(图像、CSS、js)。因为加载后的浏览器index.html
会尝试加载此页面中包含的所有资源。但是服务器中的资源。我用类似的路径编写了一个新的处理程序,/assets/
并尝试像这样替换所有指向资源的链接index.html
:
<img src="someimage.jpg" width="104" height="142">
至
<img src="/assets/someimage.jpg" width="104" height="142">
之后在/assets/
处理程序中,我剪切了 URI ( /assets/
) 的第一部分并尝试从 URI ( ) 的第二部分资源加载someimage.jpg
;
它可以工作,但我无法加载 CSS。因为我替换pageAsString.replace("src=\"", "/assets/");
了 CSS inhref="css/example.css"
也许我做错了什么,这种方法不好?如何将 index.html 返回给客户端并赋予从服务器加载资源的能力?
解决方案
根据您的问题制作了快速的单课项目。使 IMG 和 SCRIPT 标签工作:
package test.server;
import com.sun.net.httpserver.HttpExchange;
import com.sun.net.httpserver.HttpHandler;
import com.sun.net.httpserver.HttpServer;
import java.io.*;
import java.net.InetSocketAddress;
import java.net.URI;
public class MyHandler implements HttpHandler {
public void handle(HttpExchange t) throws IOException, IOException {
InputStream is = t.getRequestBody();
InputStreamReader isReader = new InputStreamReader(is);
BufferedReader reader = new BufferedReader(isReader);
StringBuffer sb = new StringBuffer();
String str;
while((str = reader.readLine())!= null){
sb.append(str);
}
String response = "<html>\n" +
"\n" +
"<head>\n" +
" <title>My Site</title>\n" +
" <link rel=\"stylesheet\" type=\"text/css\" href=\"css/example.css\" />\n" +
"</head>\n" +
"\n" +
"<body>\n" +
" <h2>Hello world</h2>\n" +
" <p>Image:</p>\n" +
" <img src=\"/assets/cat.jpg\" alt=\"W3Schools.com\" width=\"104\" height=\"142\">\n" +
" <script src=\"/assets/alert.js\"></script>\n" +
"</body>\n" +
"\n" +
"</html>";
t.sendResponseHeaders(200, response.length());
OutputStream os = t.getResponseBody();
os.write(response.getBytes());
os.close();
}
public static void main(String[] args) {
InetSocketAddress cd = new InetSocketAddress(8080);
HttpServer server = null;
try {
server = HttpServer.create(cd, 8080);
} catch (IOException e) {
e.printStackTrace();
}
server.createContext("/main", new MyHandler());
server.createContext("/assets/", new HttpHandler() {
@Override
public void handle(HttpExchange httpExchange) throws IOException {
String root = "!!! YOUR SITE ROOT IN FILE SYSTEM !!!";
URI uri = httpExchange.getRequestURI();
File file = new File(root + uri.getPath()).getCanonicalFile();
if (!file.getPath().startsWith(root)) {
// Suspected path traversal attack: reject with 403 error.
String response = "403 (Forbidden)\n";
httpExchange.sendResponseHeaders(403, response.length());
OutputStream os = httpExchange.getResponseBody();
os.write(response.getBytes());
os.close();
} else if (!file.isFile()) {
// Object does not exist or is not a file: reject with 404 error.
String response = "404 (Not Found)\n";
httpExchange.sendResponseHeaders(404, response.length());
OutputStream os = httpExchange.getResponseBody();
os.write(response.getBytes());
os.close();
} else {
// Object exists and is a file: accept with response code 200.
httpExchange.sendResponseHeaders(200, 0);
OutputStream os = httpExchange.getResponseBody();
FileInputStream fs = new FileInputStream(file);
final byte[] buffer = new byte[0x10000];
int count = 0;
while ((count = fs.read(buffer)) >= 0) {
os.write(buffer,0,count);
}
fs.close();
os.close();
}
}
});
server.setExecutor(null); // creates a default executor
server.start();
}
}
alert.js 可以像
alert("I'm from inner file!");
console.log("I'm from inner file!");
图像是任何 jpg 图像
项目结构(对我们来说有 src 和 assets 文件夹):
运行 main 方法并转到http://localhost:8080/main
一切都应该正常工作。
注意您应该更改java代码中的一件事-文件系统中的路径。
PS基于http://www.microhowto.info/howto/serve_web_pages_using_an_embedded_http_server_in_java.html
推荐阅读
- html - 将 2 个输入文本框并排放置
- drupal-7 - flex-slider 第一张幻灯片在移动设备上的高度错误
- rust - 为什么这个 Rust 二叉树在测试中会溢出它的堆栈?
- c - 使用 PrintWindow 渲染 chrome
- vb.net - 将 TableView.Select 与路径字符串一起使用
- websocket - WebSocket:失败:WebSocket 握手期间出错:net::ERR_INVALID_HTTP_RESPONSE
- node.js - React Native 使用 fetch 向 Node.js 服务器发送数据
- jhipster - 带有 Easticsearch 的 v5.0.1 的新 JHipster 应用程序生成(HTTP 代码 500)服务器错误
- webpack - 将 Sass 与 Vue-loader webpack 堆栈正确集成
- html - CSS页脚网格响应