import 'zone.js/dist/zone-node'; import 'reflect-metadata'; import { renderModuleFactory } from '@angular/platform-server'; import { enableProdMode } from '@angular/core'; import * as express from 'express'; import { join } from 'path'; import { readFileSync } from 'fs'; // Faster server renders w/ Prod mode (dev mode never needed) enableProdMode(); // Express server const app = express(); const PORT = process.env.PORT || 4000; const DIST_FOLDER = join(process.cwd(), 'dist'); // Our index.html we'll use as our template const template = readFileSync(join(DIST_FOLDER, 'browser', 'index.html')).toString(); // * NOTE :: leave this as require() since this file is built Dynamically from webpack const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist/server/main'); // Express Engine import {ngExpressEngine, RenderOptions} from '@nguniversal/express-engine'; // Import module map for lazy loading import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader'; import {REQUEST, RESPONSE} from "@nguniversal/express-engine/tokens"; // Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine) // app.engine('html', ngExpressEngine({ // bootstrap: AppServerModuleNgFactory, // providers: [ // { provide: 'request', useFactory: () => options.req, deps: [] }, // provideModuleMap(LAZY_MODULE_MAP) // ] // })); // be able to get request and get domain from there app.engine('html', (_, options: any, callback) => { const opts = { document: template, url: options.req.url, extraProviders: [ provideModuleMap(LAZY_MODULE_MAP), { provide: REQUEST, useValue: options.req }, { provide: RESPONSE, useValue: options.req.res, }, ] }; renderModuleFactory(AppServerModuleNgFactory, opts) .then(html => callback(null, html) ); }); app.set('view engine', 'html'); app.set('views', join(DIST_FOLDER, 'browser')); /* - Example Express Rest API endpoints - app.get('/api/**', (req, res) => { }); */ // Server static files from /browser app.get('*.*', express.static(join(DIST_FOLDER, 'browser'), { maxAge: '1y' })); // ALl regular routes use the Universal engine app.get('*', (req, res) => { res.render('index', { req }); }); // Start up the Node server app.listen(PORT, () => { console.log(`Node Express server listening on http://localhost:${PORT}`); });