Как можно сконфигурировать сервер, чтоб на нем работал бэкенд на Golang и фронтенд на Angular2?

Question

[Егор Ш.]

Добрый день! Я хочу написать веб приложение, данные которого будут обрабатываться бэкендом на Golang а рендерить страницы будет Angular2 фронтенд. Причем сервер будет написан в рестфул и совсем не будет заниматься рендерингом html. Это мне нужно для того, чтоб потом к существующему апи было легко обращаться с мобильных приложений. Дело в том, что у angular2 должен быть запущен свой сервер, который занимается роутингом и отдачей статики, но и также должен быть запущен мой go сервер. И вопрос заключается вот в чем, как мне можно это все запустить вместе на одном хосте, чтоб ангуляр и го дружно работали вместе? Я слышал что можно как то все это запускать с помощью nginx но без понятий как это сделать. Спасибо.

Answer 1

[Денис]

Может я чего-то не понимаю, но Angular работает на клиенте, и от сервера ему нужно только получить все свои файлы и общаться с api бэкенда.

можно настроить nginx
например так:

server{
   listen 80;
   server_name example.com;

   location /api{
    proxy_pass ВАШ БЭКЕНД
   }

  location / {
    # отдача статики для ангуляра
    try_files $uri /$uri 404;
  }

}

Comments

[Егор Ш.]

AngularJs работает на клиенте и он предназначен по сути для создания одностраничных сайтов. А вот новая версия Angular2 уже требует запуск своего сервера для роутинга, вот отрывок из документации "npm run lite - run the lite-server, a light-weight, static file server, written and maintained by John Papa with excellent support for Angular apps that use routing."

[Денис]

Это не требование, это возможность запустить тестовый легкий вебсервер на базе nodejs.
Поэтому Angular2 работает так же как и первый.

[Денис]

Ну или если очень надо то перед обоими cерверами поставьте тот же nginx и разведите их например через location или через субдомены
например
angular.example.com
api.example.com

[Егор Ш.]

Денис: То есть мне не нужно будет запускать этот nodejs сервер? А как же роутинг тогда будет происходить, я что то тогда не понимаю

[Егор Ш.]

Денис: Но в общем я теперь понял, что делать! Спасибо большое за ответ!

[Денис]

давайте придумаем простой пример
есть главная страница и страница со списком блогов

для ангуляра роуты будут такие
/ - главная
/#blogs - роут для блогов

ангуляр поедет на сервер за данными по такому пути например
GET example.com/api/blogs
и получит JSON со списком блогов, которые героически отобразит клиенту

[Егор Ш.]

Денис: ну да, я так и планировал

[Денис]

Есть маленькая магия, все что после # на сервер не передается, и для сервера вы всегда на главной странице :-)

Answer 2

[redakoc]

Неужели нельзя обойтись без "сервера Ангуляра"? Как-то не рационально.

nginx позволяет часть URL отдавать одному, а часть - другому.

Используйте разные location:

location .... {
}

Answer 3

[Roman Kravchik]

Прятать go сервер за nginx не самая лучшая идея. На высоконагруженном проекте будут просадки.
Сначала определитесь с роутером для go сервера, а потом уже можно задавать вопросы, как его прикрутить к Angular.

Вдобавок к своему комментарию ниже:

func main() {
    http.HandleFunc("/", func(response http.ResponseWriter, request *http.Request) {
        http.ServeFile(response, request, "/var/www/default/htdocs/index.html")
    })

    http.Handle("/public/", http.StripPrefix("/public/", http.FileServer(http.Dir("/var/www/default/htdocs/public"))))

    http.HandleFunc("/json", func(response http.ResponseWriter, request *http.Request) {
        // serves a JSON response
    })

    http.HandleFunc("/socket", func(w http.ResponseWriter, r *http.Request) {
        // replies to the WebSocket
    })

    http.ListenAndServe(":3000", nil)
}

Comments

[Егор Ш.]

Подскажи пожалуйста, а зачем роутер для го если вообще он не будет отвечать за переходы между страницами сайта?

[Roman Kravchik]

Но на запросы-то он будет отвечать или вы что-то другое подразумеваете под словом "бекэнд"?

[Егор Ш.]

Roman Kravchik: ну я хотел сделать так чтоб бэкенд отвечал за бизнес логику сайта - то есть будет апи для создание пользователя, отдачи инфо о пользователе, создание новых записей в бд, загрузка записей из бд, а уже на ангуляре будет свой роутинг между страницами, то есть го бэкенд не будет отвечать за переходы между страницами

[Roman Kravchik]

Правильно. Если будет API, значит, будет и роутер в бекэнде, который будет роутить входящие запросы с endpoints на соответствующие обработчики (handlers/controllers). Большинство роутеров имеют встроенные механизмы отдачи статики. Например в стандартном пакете:
https://gist.github.com/rkravchik/100cab12c8832299fb3b

[Егор Ш.]

Roman Kravchik: Ну да, конечно, апи запросы в любом случае роутить надо, плюс статика, я имел в виду что сами переходы между страницами роутить не буду, чтоб исключить рендеринг с бэкенда, все переходы между страницами будут на клиенте. Например как мобильные приложения: вся отрисовка в клиенте, клиент отправляет только http запросы, и отрисовывает их у себя

[Oleksiy Chechel]

Прятать за nginx вполне нормальная практика, просадка по nginx не на столько значительна. Зато без лишних телодвижений организовывается балансировка, прокидывание портов на различные домены, отдача статики и многое другое.

[Егор Ш.]

Олексiй Чечель: Ну я так и сделал, все хорошо работает, не думаю что там есть просадка, через него работают многие большие сайты