|
1 |
| -import { APP_BASE_HREF } from '@angular/common'; |
2 |
| -import { CommonEngine } from '@angular/ssr/node'; |
3 |
| -import express from 'express'; |
4 |
| -import { fileURLToPath } from 'node:url'; |
5 |
| -import { dirname, join, resolve } from 'node:path'; |
6 |
| -import bootstrap from './src/main.server'; |
| 1 | +import { AngularAppEngine, createRequestHandler } from '@angular/ssr' |
| 2 | +import { getContext } from '@netlify/angular-runtime/context' |
7 | 3 |
|
8 |
| -// The Express app is exported so that it can be used by serverless Functions. |
9 |
| -export function app(): express.Express { |
10 |
| - const server = express(); |
11 |
| - const serverDistFolder = dirname(fileURLToPath(import.meta.url)); |
12 |
| - const browserDistFolder = resolve(serverDistFolder, '../browser'); |
13 |
| - const indexHtml = join(serverDistFolder, 'index.server.html'); |
| 4 | +const angularAppEngine = new AngularAppEngine() |
14 | 5 |
|
15 |
| - const commonEngine = new CommonEngine(); |
| 6 | +export const netlifyAppEngineHandler = async (request: Request): Promise<Response> => { |
| 7 | + const context = getContext() |
16 | 8 |
|
17 |
| - server.set('view engine', 'html'); |
18 |
| - server.set('views', browserDistFolder); |
19 |
| - |
20 |
| - // Example Express Rest API endpoints |
21 |
| - // server.get('/api/**', (req, res) => { }); |
22 |
| - // Serve static files from /browser |
23 |
| - server.get('*.*', express.static(browserDistFolder, { |
24 |
| - maxAge: '1y' |
25 |
| - })); |
26 |
| - |
27 |
| - // All regular routes use the Angular engine |
28 |
| - server.get('*', (req, res, next) => { |
29 |
| - const { protocol, originalUrl, baseUrl, headers } = req; |
30 |
| - |
31 |
| - commonEngine |
32 |
| - .render({ |
33 |
| - bootstrap, |
34 |
| - documentFilePath: indexHtml, |
35 |
| - url: `${protocol}://${headers.host}${originalUrl}`, |
36 |
| - publicPath: browserDistFolder, |
37 |
| - providers: [{ provide: APP_BASE_HREF, useValue: baseUrl }], |
38 |
| - }) |
39 |
| - .then((html) => res.send(html)) |
40 |
| - .catch((err) => next(err)); |
41 |
| - }); |
42 |
| - |
43 |
| - return server; |
44 |
| -} |
45 |
| - |
46 |
| -function run(): void { |
47 |
| - const port = process.env['PORT'] || 4000; |
48 |
| - |
49 |
| - // Start up the Node server |
50 |
| - const server = app(); |
51 |
| - server.listen(port, () => { |
52 |
| - console.log(`Node Express server listening on http://localhost:${port}`); |
53 |
| - }); |
| 9 | + const result = await angularAppEngine.handle(request, context) |
| 10 | + return result || new Response('Not found', { status: 404 }) |
54 | 11 | }
|
55 | 12 |
|
56 |
| -run(); |
| 13 | +/** |
| 14 | + * The request handler used by the Angular CLI (dev-server and during build). |
| 15 | + */ |
| 16 | +export const reqHandler = createRequestHandler(netlifyAppEngineHandler) |
0 commit comments