mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-17 19:13:34 +08:00
bfa8fec9b1
Some cloud providers, such as Cloudflare, expect the default export to follow a specific structure (e.g., an object with a `fetch` property). To prevent the need for creating a separate `server.ts` file for production builds, the request handler is now exported as `reqHandler` instead of a default export.
73 lines
1.8 KiB
Plaintext
73 lines
1.8 KiB
Plaintext
import {
|
|
AngularNodeAppEngine,
|
|
createNodeRequestHandler,
|
|
isMainModule,
|
|
writeResponseToNodeResponse,
|
|
} from '@angular/ssr/node';
|
|
import express from 'express';
|
|
import { dirname, resolve } from 'node:path';
|
|
import { fileURLToPath } from 'node:url';
|
|
|
|
const serverDistFolder = dirname(fileURLToPath(import.meta.url));
|
|
const browserDistFolder = resolve(serverDistFolder, '../<%= browserDistDirectory %>');
|
|
|
|
const app = express();
|
|
const angularApp = new AngularNodeAppEngine();
|
|
|
|
/**
|
|
* Example Express Rest API endpoints can be defined here.
|
|
* Uncomment and define endpoints as necessary.
|
|
*
|
|
* Example:
|
|
* ```ts
|
|
* app.get('/api/**', (req, res) => {
|
|
* // Handle API request
|
|
* });
|
|
* ```
|
|
*/
|
|
|
|
/**
|
|
* Serve static files from /<%= browserDistDirectory %>
|
|
*/
|
|
app.get(
|
|
'**',
|
|
express.static(browserDistFolder, {
|
|
maxAge: '1y',
|
|
index: 'index.html',
|
|
setHeaders: (res) => {
|
|
const headers = angularApp.getPrerenderHeaders(res.req);
|
|
for (const [key, value] of headers) {
|
|
res.setHeader(key, value);
|
|
}
|
|
},
|
|
}),
|
|
);
|
|
|
|
/**
|
|
* Handle all other requests by rendering the Angular application.
|
|
*/
|
|
app.get('**', (req, res, next) => {
|
|
angularApp
|
|
.render(req)
|
|
.then((response) =>
|
|
response ? writeResponseToNodeResponse(response, res) : next(),
|
|
)
|
|
.catch(next);
|
|
});
|
|
|
|
/**
|
|
* Start the server if this module is the main entry point.
|
|
* The server listens on the port defined by the `PORT` environment variable, or defaults to 4000.
|
|
*/
|
|
if (isMainModule(import.meta.url)) {
|
|
const port = process.env['PORT'] || 4000;
|
|
app.listen(port, () => {
|
|
console.log(`Node Express server listening on http://localhost:${port}`);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* The request handler used by the Angular CLI (dev-server and during build).
|
|
*/
|
|
export const reqHandler = createNodeRequestHandler(app);
|