cfd9ca0d6f
TransferState provides a shared store that is transferred from the server to client. To use it import BrowserTransferStateModule from the client app module and ServerTransferStateModule from the server app module and TransferState will be available as an Injectable object. PR Close #19134
44 lines
1.5 KiB
TypeScript
44 lines
1.5 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
/* tslint:disable:no-console */
|
|
require('zone.js/dist/zone-node.js');
|
|
|
|
import {enableProdMode, NgModuleFactory} from '@angular/core';
|
|
import {renderModuleFactory} from '@angular/platform-server';
|
|
import * as express from 'express';
|
|
|
|
import {HelloWorldServerModuleNgFactory} from './helloworld/app.server.ngfactory';
|
|
const helloworld = require('raw-loader!./helloworld/index.html');
|
|
|
|
import {TransferStateServerModuleNgFactory} from './transferstate/app.server.ngfactory';
|
|
const transferstate = require('raw-loader!./transferstate/index.html');
|
|
|
|
const app = express();
|
|
|
|
function render<T>(moduleFactory: NgModuleFactory<T>, html: string) {
|
|
return (req, res) => {
|
|
renderModuleFactory(moduleFactory, {
|
|
document: html,
|
|
url: req.url,
|
|
}).then((response) => { res.send(response); });
|
|
};
|
|
}
|
|
|
|
enableProdMode();
|
|
|
|
// Client bundles will be statically served from the built/ directory.
|
|
app.use('/built', express.static('built'));
|
|
|
|
// Keep the browser logs free of errors.
|
|
app.get('/favicon.ico', (req, res) => { res.send(''); });
|
|
|
|
//-----------ADD YOUR SERVER SIDE RENDERED APP HERE ----------------------
|
|
app.get('/helloworld', render(HelloWorldServerModuleNgFactory, helloworld));
|
|
app.get('/transferstate', render(TransferStateServerModuleNgFactory, transferstate));
|
|
|
|
app.listen(9876, function() { console.log('Server listening on port 9876!'); }); |