带有wildfly的角SSR答案

【问题标题】：Angular SSR with wildfly带有wildfly的角SSR
【发布时间】：2022-01-20 21:08:09
【问题描述】：

在 Wildfly 上使用 Angular 搜索解决方案服务器端渲染。但我不想使用其他服务器，比如 nodejs。

有可靠的解决方案吗？还是 Angular 通用的最佳方式？

【问题讨论】：

标签： angular wildfly server-side-rendering

【解决方案1】：

如果您不想利用 NodeJS，并且您的 Angular 应用只有静态内容，那么您可以使用预渲染。

将@nguniversal 添加到您的项目后，您会在根 package.json 中获得一个新命令

"prerender": "ng run prerendering-demo:prerender"

运行此命令将仅生成 html、css 和 javascript 文件。 javascript 导航仍处于启用状态。所以运行后

npm run prerender

您可以简单地将dist/[project name]/browser 文件夹中的输出上传到一个简单的网络服务器来托管您的应用程序。我使用以下命令对此进行了测试

ng new prerendering-demo --style=scss --routing --strict
cd prerendering-demo
ng add @nguniversal/express-engine

cd src/app
ng g module --routing pages
cd pages
ng g module home --module pages --route /
ng g module about --module pages --route about
ng g module contact --module pages --route contact
# just correct the / for the homepage in the pages-routing.module.ts

npm run prerender
npm install --global http-server
cd ../../dist/prerendering-demo/browser
http-server
# Visit http://127.0.0.1:8081

【讨论】：