Для запуска приложения Angular 5 на сервере node.js необходимы:
ng -v
npm uninstall -g @angular/cli
npm cache
npm cache verify
npm i -g @angular/cli@latest
ng -v
yarn
рекомендуюng set --global packageManager=yarn
ng
воспользуется yarn
для установки всех необходимых зависимостей проекта. ng new my-project
cd my-project
my-project
в папке my-project
и переходим в эту папку.node_modules
, значит мои рекомендации по установке yarn
штатным менеджером пакетов для ng
были проигнорированы. Или что-то пошло не так.npm install
npm run build
ng
> 1.6ng g universal universal
universal
— это не описка. В данном случае, это название для модуля. Если нравится режим copy-paste, то предлагаю оставить все как есть. Потом это всегда можно исправить.yarn add @angular/platform-server express @nguniversal/express-engine
npm i @angular/platform-server express @nguniversal/express-engine
server.js
в корне нашего маленького проекта 'use strict';
/* Подключаем Zone.js для сервера */
require('zone.js/dist/zone-node');
const express = require('express');
const ngUniversal = require('@nguniversal/express-engine');
const appServer = require('./dist-server/main.bundle');
/* Рендеринг на стороне сервера */
function angularRouter(req, res) {
res.render('index', { req, res });
}
const app = express();
/* Направляем роут в корень нашего приложения*/
app.get('/', angularRouter);
/* Отдаем статические файлы генерируемые CLI (index.html, CSS? JS, assets...) */
app.use(express.static(`${__dirname}/dist`));
/*Конфигурируем движок Angular Express */
app.engine('html', ngUniversal.ngExpressEngine({
bootstrap: appServer.AppServerModuleNgFactory
}));
app.set('view engine', 'html');
app.set('views', 'dist');
/* Direct all routes to index.html, where Angular will take care of routing */
app.get('*', angularRouter);
app.post('*', angularRouter);
app.listen(3000, () => {
console.log(`Listening on http://localhost:3000`);
});
package.json
добавить или заменить скрипт «build»"sctipts": {
// какие-то другие команды. эту строку при копировании следует удалить
"build": "ng build --prod && ng build --prod --app universal --output-hashing=none"
},
npm run build
node server.js
К сожалению, не доступен сервер mySQL