Можно ли использовать GOlang для роутинга страниц Angular2?

Question

[Егор Ш.]

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

import {Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from 'angular2/router';
import {AuthComponent} from './auth.component';

@Component({
    selector: 'my-app',
    template: `
    <h1></h1>
    
    <router-outlet></router-outlet>
  `,
	
	directives: [ROUTER_DIRECTIVES],
	providers: [ ROUTER_PROVIDERS]
})

	@RouteConfig([
		{ path: '/auth', name: 'Auth', component: AuthComponent, useAsDefault: true }
	
	])

export class AppComponent { 
	
}

Вот и для того чтоб роуты заработали и страничка возвращалась когда я перехожу по ip или доменному имени я запускаю все это дело командой npm start, она включает в себя компиляцию TypeScript в JavaScript и запуск lite-server, который как раз и позволяет роутить страницы и чекать обновление кода. Я могу как то обойтись без lite-server и юзать свой GoLang бэкенд для того, чтоб странички в angular2 роутились и к бэкенду выполнялись запросы.

может как то например вот так

http.Handle("/", http.FileServer(http.Dir("./app/web/")))
    http.ListenAndServe(":8080", nil)

где /app/web/ папка в которой лежат мои компоненты и html шаблоны или что то в этом духе
Как это вообще реализовывается? по сути мне нужно как то заменить lite-server моим GoLang бэком.

Comments

[Никита]

npm start скорее всего запускает голый дев-сервак, который отдаёт скомпилированные статики. Ну так запустите файл сервер любой, хоть на Go, я б nginx запустил. И судя по вопросу вы не различаете клиентское и серверное приложение, посоветую прочитать об этом немного (ну никак роутинг клиента не зависит от сервака)

Answer 1

[Mr4x]

Можно подключить роутинг на главной странице и использовать:

http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
    http.ServeFile(w, r, "index.html")
})
http.Handle("/assets/", http.StripPrefix("/assets/", http.FileServer(http.Dir("./path/to/assets"))))

Тогда все запросы будут приходить на index.html, где Вы сможете их обработать, а статика будет подгружаться из другой директории (assets)

Comments

[Егор Ш.]

Смотри, допустим в AppComponent в Angular2 я настрою роутинг для всех страниц, типа такого { path: '/auth', name: 'Auth', component: AuthComponent}
Потом на Golang напишу роуты для index.html и папки assets, в которой лежат все остальные компоненты. Но допустим какой хэндлер будет обрабатывать запросы типа localhost/auth или localhost/registration? И еще есть проблема, все запросы проходят через index.html и допустим я перейду на тот же самый localhost/auth со своим темплейтом и компонентом и обновлю страницу, то ангуляр не сможет вывести ничего, так как роуты остались в главном компоненте AppComponent, как с этим быть ?

[Mr4x]

Не эксперт конкретно в Angular, но если роутер стоит в index.html, то /auth и /registation будут прекрасно работать. Все запросы будут приходить в один роутер, а он уже решит, какой компонент показывать.

[Mr4x]

Ещё лучше будет, если на все запросы отдавать index.html через Nginx, например, ну и статику через него, а для Go оставить один роут типо /api и через него уже работать с базой и с чем ещё захочется. Будет быстрее раза в 2 примерно

[Егор Ш.]

Mr4x: Что то типа того?
Где root /var/www/public/; - путь к директории с index.html и компонентами?
server {
listen 80;
index index.html;
server_name localhost;
error_log /var/log/nginx/error.log;
access_log /var/log/nginx/access.log;
root /var/www/public/;

location / {
try_files $uri$args $uri$args/ $uri/ /index.html =404;
}
}

[Mr4x]

Лучше несколько location: /, /assets и /api. Ну а в целом идея примерно такая

[Mr4x]

Вот несколько конфигов, но разве что общую идею посмотреть - далеко не идеал
stackoverflow.com/questions/32593739/nginx-config-...
stackoverflow.com/questions/13812550/configuring-n...

[Егор Ш.]

Mr4x: Спасибо, очень помог!

Answer 2

[Дмитрий Воронков]

Можешь так:
python -m SimpleHTTPServer 8000
Или так:
php -S 127.0.0.1:8000
Js роутинг ни как не связан веб сервером.