mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Alan Agius
6117ccee2e
This commit introduces a number of changes to the server bootstrapping process to make it more robust and less error-prone, especially for concurrent requests. Previously, the server rendering process relied on a module-level global platform injector. This could lead to issues in server-side rendering environments where multiple requests are processed concurrently, as they could inadvertently share or overwrite the global injector state. The new approach introduces a `BootstrapContext` that is passed to the `bootstrapApplication` function. This context provides a platform reference that is scoped to the individual request, ensuring that each server-side render has an isolated platform injector. This prevents state leakage between concurrent requests and makes the overall process more reliable. BREAKING CHANGE: The server-side bootstrapping process has been changed to eliminate the reliance on a global platform injector. Before: ```ts const bootstrap = () => bootstrapApplication(AppComponent, config); ``` After: ```ts const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); ``` A schematic is provided to automatically update `main.server.ts` files to pass the `BootstrapContext` to the `bootstrapApplication` call. In addition, `getPlatform()` and `destroyPlatform()` will now return `null` and be a no-op respectively when running in a server environment. (cherry picked from commit 8bf80c9d2314b4f2bcf3df83ae01552a6fc49834) PR Close #63636
23 lines
1021 B
Diff
23 lines
1021 B
Diff
diff --git a/fesm2022/ssr.mjs b/fesm2022/ssr.mjs
|
|
index 4976c181079b86773efbd49f5101fb1cdd670205..b20e3d886663011e31ba15a40e72969b92e39fd2 100755
|
|
--- a/fesm2022/ssr.mjs
|
|
+++ b/fesm2022/ssr.mjs
|
|
@@ -352,7 +352,7 @@ async function renderAngular(html, bootstrap, url, platformProviders, serverCont
|
|
applicationRef = moduleRef.injector.get(ApplicationRef);
|
|
}
|
|
else {
|
|
- applicationRef = await bootstrap();
|
|
+ applicationRef = await bootstrap({platformRef});
|
|
}
|
|
// Block until application is stable.
|
|
await applicationRef.whenStable();
|
|
@@ -1244,7 +1244,7 @@ async function getRoutesFromAngularRouterConfig(bootstrap, document, url, invoke
|
|
applicationRef = moduleRef.injector.get(ApplicationRef);
|
|
}
|
|
else {
|
|
- applicationRef = await bootstrap();
|
|
+ applicationRef = await bootstrap({platformRef});
|
|
}
|
|
const injector = applicationRef.injector;
|
|
const router = injector.get(Router);
|