Angular 有野蝇的SSR

Question

在 wildfly 上使用 angular 搜索服务器端呈现的解决方案。但是我不想使用其他服务器，比如nodejs。

有什么靠谱的办法吗？还是Angular万能的最好办法？

Answer 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

Angular 有野蝇的SSR

Angular SSR with wildfly

wildfly

server-side-rendering

angular