Как соединить Angular и Node.js( Express)?

Question

[Skrolea]

Добрый день
Использую angular2-seed для разработки приложения со следующей структурой:

Сделал папки с корня "client" и "server". В server после всех манипуляций с tsd install express -s сделал файл server.ts
В него положил следующее

import express = require('express');
import path = require('path');
var port: number = process.env.PORT || 3000;
var app = express();

var renderIndex = (req: express.Request, res: express.Response) => {
    res.sendFile(path.resolve(__dirname, '../client/dist/dev/index.html'));
}

app.get('/*', renderIndex);

var server = app.listen(port, function() {
    var host = server.address().address;
    var port = server.address().port;
    console.log('This express app is listening on port:' + port);
});

В случае запуска server.ts я получаю ошибки

Как понимаю, это из-за того, что не прописано откуда брать static файлы. Что-то вроде

app.use('/folder', express.static(path.resolve(__dirname, '../client/dist/prod/folder/')))

Вот мне непонятно, в случае dev и prod какие указывать папки в

app.use('/folder', express.static(path.resolve(__dirname, '../client/dist/dev/folder/')))

чтобы это заработало?

Answer 1

[Ayan Bai]

Я начал использовать mean.io. Прикольное решение, mean означает mongo express angular nodejs.

Основные вещи уже реализованы в ядре, вам только остается сделать свой пакет

Comments

[Skrolea]

я с первым angular использовал mean.js. Тут решил попробовать с "нуля" это сделать

[Ayan Bai]

О а он почему не понравился?)

[Skrolea]

Ну во первых, я использую второй angular, в этом случае мне от mean.js осталась бы только серверная часть, с настройками которой можно убиться (вот поэтому я сейчас с нуля), во вторых mean.js не следовал заветам Ильича, в смысле style guide, хотя постепенно переделывают. Очень долго делали генератор для ветки 0.4.0, без него было неудобно , ну и вообще ошибки исправляют не быстро. Не поддерживают последнюю ноду. А в целом это очень хорошее решение для поднятия сайта

[Ayan Bai]

Тут еще один появился, называется именно mean.io. Mean.js уже кажется устарел да )

Answer 2

[bromzh]

вот работающий starter-kit: https://github.com/angular/universal-starter
ну и ещё tsd мёртв, бери typings