github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-22 17:47:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Support loading prerenderer boot module via Webpack config; use this in Angular 2 template

Browse Source
This commit is contained in:
SteveSandersonMS
2016-03-01 00:04:51 +00:00
parent 47ba251923
commit bfc993af50
6 changed files with 179 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
templates/Angular2Spa/ClientApp/boot-server.ts
View File

@@ -4,29 +4,19 @@ import * as ngRouter from 'angular2/router';
import * as ngUniversal from 'angular2-universal-preview';
import { BASE_URL } from 'angular2-universal-preview/dist/server/src/http/node_http';
import * as ngUniversalRender from 'angular2-universal-preview/dist/server/src/render';
import { App } from './components/app/app';
// TODO: Make this ugly code go away, e.g., by somehow loading via Webpack
function loadAsString(module, filename) {
module.exports = require('fs').readFileSync(filename, 'utf8');
}
(require as any).extensions['.html'] = loadAsString;
(require as any).extensions['.css'] = loadAsString;
let App: any = require('./components/app/app').App;
export default function (params: any): Promise<{ html: string, globals?: any }> {
const serverBindings = [
ngRouter.ROUTER_BINDINGS,
ngUniversal.HTTP_PROVIDERS,
ngCore.provide(BASE_URL, { useValue: params.absoluteUrl }),
ngCore.provide(ngUniversal.REQUEST_URL, { useValue: params.url }),
ngCore.provide(ngRouter.APP_BASE_HREF, { useValue: '/' }),
ngUniversal.SERVER_LOCATION_PROVIDERS
];
export default function (params: any): Promise<{ html: string }> {
return new Promise<{ html: string, globals: { [key: string]: any } }>((resolve, reject) => {
const serverBindings = [
ngRouter.ROUTER_BINDINGS,
ngUniversal.HTTP_PROVIDERS,
ngCore.provide(BASE_URL, { useValue: params.absoluteUrl }),
ngCore.provide(ngUniversal.REQUEST_URL, { useValue: params.url }),
ngCore.provide(ngRouter.APP_BASE_HREF, { useValue: '/' }),
ngUniversal.SERVER_LOCATION_PROVIDERS
];
ngUniversalRender.renderToString(App, serverBindings).then(
html => resolve({ html, globals: {} }),
reject // Also propagate any errors back into the host application
);
return ngUniversalRender.renderToString(App, serverBindings).then(html => {
return { html, globals: {}};
});
}

3
templates/Angular2Spa/Views/Home/Index.cshtml
View File

@@ -2,7 +2,8 @@
ViewData["Title"] = "Home Page";
}
<app asp-prerender-module="ClientApp/boot-server">Loading...</app>
<app asp-prerender-module="ClientApp/boot-server"
asp-prerender-webpack-config="webpack.config.js">Loading...</app>
@section scripts {
<script src="~/dist/main.js" asp-append-version="true"></script>

2
templates/Angular2Spa/package.json
View File

@@ -35,7 +35,9 @@
"parse5": "^1.5.1",
"preboot": "^1.1.3",
"reflect-metadata": "^0.1.2",
"require-from-string": "^1.1.0",
"rxjs": "^5.0.0-beta.2",
"webpack-externals-plugin": "^1.0.0",
"zone.js": "^0.5.15"
}
}