2016-12-07 14 views
1

すべてのビュー(html)がクライアント側にあるAngular 1 Webアプリケーションがデプロイされています。 AngularサービスがJSONレスポンスを取得するために使用するサーバーの終わりにREST APIが公開されています。これをビューに取り込み、UIにレンダリングします。 ここでは、最後にビューをレンダリングする予定です。サーバー側レンダリングHTMLテンプレート

クライアント側で私の技術スタックを変更することはできませんが、サーバー側で自由にスタックできます。

ブログではREACTをサーバー側のレンダリングに使用することを推奨していますが、サーバー側のレンダリングをREACTに、クライアントを角度にすることはできません。 その他の代替手段はありますか?

可能な代替案をご提案ください。あなたはhttps://github.com/angular/universal

私は過去に仲間と話し合う必要があり、ここで見て、そのことができますアプローチのような同型解を得ることができ、あなたがAngular2を使用していた場合

+0

同じhtmlテンプレートを使用して、 'express js 'を使って' ejs'を使ってレンダリングすることができます。処理されたhtmlをクライアントに渡し、角度アプリを初期化します。これで、最初に完全にレンダリングされたビューが得られました。そして、最初にアプリケーションをロードした後、アプリケーションは角度の仕方で動作します。 –

答えて

0

事前のおかげで上に「ダブル」のルートでごAPI。次に、jadeなどのHTMLテンプレートをレンダリングしてクライアントに送信するルートが必要です。次に、AngularJSを使用してdomを通常通り操作し、その後の経路変更はAngularJSルータで処理できます。

だから「アルゴリズム」は次のようになります。

  1. URLを尋ね
  2. APIは、ルートを処理し、コンパイル済みのビューを生成し、それが
  3. 今AngularJSは、そのルータとのルートとDOM操作を処理
  4. 送信します
  5. 他のビューへの後続の要求は、同じプロセスを繰り返す必要があります。

希望します。

関連する問題