Подключение клиентской части узла к серверной стороне maven - PullRequest
Новая
       7

Подключение клиентской части узла к серверной стороне maven

0 голосов
/ 24 августа 2018

Я создал проект maven и на этом проекте maven написал код как на стороне клиента, так и на стороне сервера.

Код на стороне сервера находится в src/main/java, а код на стороне клиента - в src/main/webapp, поэтому, когда я перехожу к localhost:8080/example, я могу использовать свой project/application.

Теперь я пытаюсь переместить код на стороне клиента в проект узла и использую localhost:3000 для связи с Java на стороне сервера в проекте maven.

Я много гуглил, и, похоже, ничего не работает. Ниже приведена часть моего кода, которая, как мне кажется, является проблемой ... 

function loadLogin() {
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        document.getElementById('view').innerHTML = xhr.responseText;
        document.getElementById('navbar').style.display = 'none';
        loadLoginInfo();
    }
}
console.log('GET request - login.view');
xhr.open('GET', 'login.view', true);
xhr.send();

} 

public String process(HttpServletRequest req, HttpServletResponse resp) {
    System.out.println("[LOG] - Processing request with RequestViewHelper.process(): " + req.getRequestURI());

    switch(req.getRequestURI()) {

    case "/ProjectOne/login.view":
        return "pages/login.html";

}

Это часть кода для получения логина для работы над моим проектом maven (клиент + сервер).

Но когда я перемещаю код на стороне клиента в узел, кажется, что localhost:3000 не может связаться с localhost:8080.

Я пытался получить localhost:8080/example, но это не сработало.

Буду очень признателен за вашу помощь.

1 Ответ

0 голосов
/ 25 августа 2018

Вы пропустили какую-то концепцию.

С Maven вы используете подход MVC , загружая данные из базы данных и отображая их в определенном виде.Это означает, что у вас есть внешний и внутренний интерфейсы в одной и той же базе кода.

Если вы хотите разделить эти два содержимого, вам нужно будет изменить свою логику.Вам следует создать API-интерфейс (неважно, язык / структура) и после разработки внешнего интерфейса использовать другую технологию.

Например, вы можете создать внутренний API-проект с использованием NodeJS и внешний интерфейс с Angular.Если вы хотите узнать больше об этом, вот некоторые сведения Learn Mean STACK .

...