Правильный способ ответа на ресурсы с http-сервера - PullRequest
Новая
       12

Правильный способ ответа на ресурсы с http-сервера

0 голосов
/ 13 февраля 2020

У меня есть этот индекс. 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 в href="css/example.css"

Может быть, я что-то делаю не так, и этот подход плох? Как я могу вернуть index. html клиенту и дать возможность загрузки ресурсов с сервера?

1 Ответ

0 голосов
/ 13 февраля 2020

Сделан быстрый одноклассный проект на основе вашего вопроса. Сделано, что работают теги 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!");

image - это любой jpg image

структура проекта (для нас там это sr c и папки с ресурсами):

enter image description here

Запуск метода main и от go до http://localhost: 8080 / main

Все должно работать правильно.

NOTE Одна вещь в java коде, который вы должны изменить - путь в вашей файловой системе.

PS на основе http://www.microhowto.info/howto/serve_web_pages_using_an_embedded_http_server_in_java.html

...