@NgModule({
  exports: [BrowserModule],
  imports: [HttpModule, HttpClientModule, NoopAnimationsModule],
  providers: [
    SERVER_RENDER_PROVIDERS,
    SERVER_HTTP_PROVIDERS,
    {provide: Testability, useValue: null},
  ],
})

export class ServerModule { } // <--

/ dist /

    / browser / 
    
        index.html
        about.html
        contactus.html
        // ... etc ...  

/ dist /

    / browser /
        index.html
        // static assets
 
    / server / 
        // our server "universal" bundle, etc...

    // ** Our Node Express server we need to fire up **
    server.js

import { AppServerModuleNgFactory } from './PATH/TO/server.bundle';
import { renderModuleFactory } from '@angular/platform-server';
import * from 'fs';

// Express server
const app = express();

app.get('*', (req, res) => {

    renderModuleFactory(AppServerModuleNgFactory, {
        extraProviders: [
            {
                provide: INITIAL_CONFIG,
                useValue: {
                  document: fs.readFileSync('dist/browser/index.html').toString(),
                  url: req.originalUrl
                }
            },
            // other providers you want to pass in
        ]
    }).then(html => {
        res.send(html);

    }).catch(error => { // errors });
});

app.listen(4000, () => {
  console.log(`Node Express server listening on http://localhost:${PORT}`);
});

import { ngExpressEngine } from '@nguniversal/express-engine';
import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader';

// Our Universal express-engine (github.com/angular/universal)
app.engine('html', ngExpressEngine({
    bootstrap: AppServerModuleNgFactory,
    providers: [
        provideModuleMap(LAZY_MODULE_MAP)
    ]
}));

app.set('view engine', 'html');

app.get('*', (req: Request, res: Response) => {
  res.render('index', {
    req,
    res
  });
});

import { Injector } from '@angular/core';

import { Request, Response } from 'express';
import { REQUEST, RESPONSE } from '@nguniversal/express-engine/tokens'; // <--

export SomeComponent {

    private request: Request;
    private response: Response;

    constructor(
        private injector: Injector
    ) { 
        this.request = this.injector.get(REQUEST);
        this.response = this.injector.get(RESPONSE);

        // cookies / headers / anything from our original Node Request
        // same with Response
    }
}

import { OnInit, PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser, isPlatformServer } from '@angular/common';

export class SomeComponent implements OnInit {

  private isBrowser: boolean = isPlatformBrowser(this.platformId);

  constructor(
    private window: WindowService,
    @Inject(PLATFORM_ID) private platformId: Object
  ) { }

  ngOnInit() {

    if (this.isBrowser) { 
      (<any>this.windowService).$('body')... // something crazy involving the window
    }

  }
}

import { DOCUMENT } from '@angular/common';

constructor(@Inject(DOCUMENT) private document) { 
  this.document.querySelector('#test') // do something
}

import { PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser, isPlatformServer } from '@angular/common';

export class SomeComponent {

  private isBrowser: boolean = isPlatformBrowser(this.platformId);

  constructor(
    private window: WindowService,
    @Inject(PLATFORM_ID) private platformId: Object
  ) { }

  ngOnInit() {
    if (this.isBrowser) { 
      setTimeout(() => { }, 1000);
    }

    // or you can use the WindowService you create
    if (this.isBrowser) { 
      (<any>this.windowService).setTimeout(() => { }, 1000);
    }
  }
}