問題タブ [server-side-rendering]

すべてのビュー (html) がクライアント側にある Angular 1 Web アプリを展開しています。Angular サービスが JSON 応答を取得するために使用するサーバー エンドで REST API を公開し、これをビューに入力して UI にレンダリングします。今、私はサーバー側でビューをレンダリングする予定です。

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

ブログでは、サーバー サイド レンダリングに REACT を使用することを提案していますが、サーバー サイド レンダリングを REACT に、クライアントを Angular にできるかどうかは疑問です。他にどのような選択肢がありますか??

可能な代替案を提案してください。前もって感謝します

こんにちは、既存の Angular 1 ベースの UI プロジェクトでウィジェット モジュールを開発しています。このウィジェットには、リアルタイムの情報が含まれているはずです。

私の設計によると、最初のリクエストが行われたときに、ノードサーバーから（おそらくexpress jsを使用して）htmlビューをクライアントに送信したいと考えています。しかし、データはリアルタイムである必要があるため、完全な html を毎分送信する余裕はありません (毎回テンプレート転送が複製されます)。

クライアントがそのデータを更新したいときはいつでも、送信されたjavascript関数を呼び出すだけで、内部的に私のjavascript関数が残りの呼び出しを行うように、一連のjava-script関数とともにテンプレートをクライアントに送信することは可能ですか? 、サーバーからjson応答を取得し、最初に送信されたhtmlを再度入力します。

このようにして、サーバーによって提供されるロジックを使用して、サーバー側で最初のレンダリングを行い、クライアントで後続のレンダリングを行うことを計画しています。ここで、クライアントは、レンダリングしているウィジェットとその機能を認識しません。これらはすべて、サーバーから送信された js によって制御されます。

ejsがこの目的を果たしていないことがわかったので、これを達成する方法を教えてください。ejs では、すべてのロジックをサーバー側だけに持たせる必要があります。一方、実行時にサーバーからクライアントにロジックを転送する予定です。

また、設計に深刻な問題がある場合は、他の代替案を提案してください。ありがとう

サーバー側のレンダリングを使用する単純な反応アプリケーションでユーザー認証を実装する方法を誰かに提案してください。localstorage を使用して値を保存および取得しようとしました。そして { If Auth.loggedIn() ? "Hello" : "Hi"}、コードのどこかでエラーが発生したような条件を使用します。

"Uncaught Invariant Violation: サーバー レンダリングを使用してコンポーネントをドキュメントにレンダリングしようとしていますが、チェックサムが無効でした。これは通常、レンダリングしたことを意味します..."

コンポーネントがサーバー側とクライアント側の両方でレンダリングされる localstorage の問題をデバッグして見つけました。

グーグルで検索しましたが、エラーを修正するための良い解決策が見つかりませんでした。

誰かが問題を解決する方法を提案していますか?

サーバー側のレンダリングを使用する反応アプリケーションがあります。動的メタタグの表示にはreact-helmetを使用しました。すべてが完璧にセットアップされています。また、ダイナミック メタ タグはブラウザに正しく表示されていますが、サーバー側では未定義の値を取ります。誰かが私にその解決策を教えてください。

例えば ​​：

ソースを表示すると、メタ タグに何も表示されませんが、ブラウザー要素を調べると、メタ タグの値が表示されます。しばらくデバッグした後、問題が見つかりました。コンポーネントはサーバー側とクライアント側の両方でレンダリングされるため、サーバー側では初期状態のみでコンポーネントをレンダリングしているため、値が表示されません。

誰かが何をすべきか提案してください。

サーバー側のレンダリングを行い、Web を開いてコンソールを表示すると、2 つのエラー メッセージが表示されました。

最初のエラー メッセージ:

私の webpack.config.js では、このプラグインを使用していることを確認しています。

2 番目のエラー メッセージ:

Prerender サービスを使用して、クローラーのサーバー側レンダリング用に Angular 1.5 アプリをセットアップしようとしています。

内部ページではすべて正常に動作しますが、メイン ページのレンダリングに問題があります。クローラーは、メイン ページではなく 404 ページを認識します。

.htaccess の他のルールに問題があると思います - Prerender のルールを除いて、すべてのページに他の 2 つのルールを使用します。

• 末尾にスラッシュがない URL を、末尾にスラッシュがある URL に書き換える
• wwwなしのURLでwwwのあるURLを書き換える

ヒントをいただければ幸いです。

これがApacheサーバー用の私の.htaccessファイルです