Java バックエンド (Tomcat) で angular 2 を使用します。POC にサーバー側レンダリングを実装しようとしています。angular Universal が(クライアント側で)私を助けることができるかどうか疑問に思っていました。前もってお詫び申し上げます。私はAngular AND nodejsを初めて使用します。
ユニバーサルでのサーバー側レンダリングを理解するために、 https ://github.com/angular/universal-starter/tree/masterとhttps://github.com/alexpods/angular2-universal-starterを見てみましょう。
まず第一に、これらのプロジェクトで観察した動作が正常かどうか疑問に思っています。
最初のものでは、プリブートが機能していないようです(main.node.tsでプリブートフラグをtrueに設定しました):入力フィールドに何かを入力すると、angularがロードされると削除されます...
2 つ目については、サーバー レンダリングが実際に機能するかどうか疑問に思います。クロム オプションにスロットリングを追加しても、読み込み時間が長く、その後にページが表示されるためです (すべてのアセットのダウンロード後にクライアント レンダリングされたかのように)。
また、私のPOCは今のところ素朴で単純かもしれないと言わざるを得ませんが、それらのプロジェクトのエントリポイントを理解するのは難しいです.私のものは単純です:
html :
<script src="/js/systemjs.config.js"></script>
systemjs :
...
var packages = {
'app': { main: 'main.js', defaultExtension: 'js' },
...
main.ts (js でコンパイル)
bootstrap(AppComponent, [HTTP_PROVIDERS]);
多分私はいくつかのnodejsの理解を見逃しています。
最後に、ページのサーバーレンダリングとクライアントレンダリングバージョンの正確な違いは何ですか?
どうもありがとう!