問題タブ [server-side-rendering]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - サーバー側レンダリング HTML テンプレート
すべてのビュー (html) がクライアント側にある Angular 1 Web アプリを展開しています。Angular サービスが JSON 応答を取得するために使用するサーバー エンドで REST API を公開し、これをビューに入力して UI にレンダリングします。今、私はサーバー側でビューをレンダリングする予定です。
クライアント側で技術スタックを変更することはできませんが、サーバー側でスタックの自由があります。
ブログでは、サーバー サイド レンダリングに REACT を使用することを提案していますが、サーバー サイド レンダリングを REACT に、クライアントを Angular にできるかどうかは疑問です。他にどのような選択肢がありますか??
可能な代替案を提案してください。前もって感謝します
javascript - NodeJs レンダリング HTML テンプレート + サーバー側のロジック
こんにちは、既存の Angular 1 ベースの UI プロジェクトでウィジェット モジュールを開発しています。このウィジェットには、リアルタイムの情報が含まれているはずです。
私の設計によると、最初のリクエストが行われたときに、ノードサーバーから(おそらくexpress jsを使用して)htmlビューをクライアントに送信したいと考えています。しかし、データはリアルタイムである必要があるため、完全な html を毎分送信する余裕はありません (毎回テンプレート転送が複製されます)。
クライアントがそのデータを更新したいときはいつでも、送信されたjavascript関数を呼び出すだけで、内部的に私のjavascript関数が残りの呼び出しを行うように、一連のjava-script関数とともにテンプレートをクライアントに送信することは可能ですか? 、サーバーからjson応答を取得し、最初に送信されたhtmlを再度入力します。
このようにして、サーバーによって提供されるロジックを使用して、サーバー側で最初のレンダリングを行い、クライアントで後続のレンダリングを行うことを計画しています。ここで、クライアントは、レンダリングしているウィジェットとその機能を認識しません。これらはすべて、サーバーから送信された js によって制御されます。
ejsがこの目的を果たしていないことがわかったので、これを達成する方法を教えてください。ejs では、すべてのロジックをサーバー側だけに持たせる必要があります。一方、実行時にサーバーからクライアントにロジックを転送する予定です。
また、設計に深刻な問題がある場合は、他の代替案を提案してください。ありがとう
reactjs - 反応アプリケーションのユーザー認証は、フラックスを使用せずにサーバー側のレンダリングを使用します
サーバー側のレンダリングを使用する単純な反応アプリケーションでユーザー認証を実装する方法を誰かに提案してください。localstorage を使用して値を保存および取得しようとしました。そして
{ If Auth.loggedIn() ? "Hello" : "Hi"}
、コードのどこかでエラーが発生したような条件を使用します。
"Uncaught Invariant Violation: サーバー レンダリングを使用してコンポーネントをドキュメントにレンダリングしようとしていますが、チェックサムが無効でした。これは通常、レンダリングしたことを意味します..."
コンポーネントがサーバー側とクライアント側の両方でレンダリングされる localstorage の問題をデバッグして見つけました。
グーグルで検索しましたが、エラーを修正するための良い解決策が見つかりませんでした。
reactjs - サーバー側レンダリングを使用して反応アプリで動的メタ タグ値をロードする際の問題
サーバー側のレンダリングを使用する反応アプリケーションがあります。動的メタタグの表示にはreact-helmetを使用しました。すべてが完璧にセットアップされています。また、ダイナミック メタ タグはブラウザに正しく表示されていますが、サーバー側では未定義の値を取ります。誰かが私にその解決策を教えてください。
例えば :
ソースを表示すると、メタ タグに何も表示されませんが、ブラウザー要素を調べると、メタ タグの値が表示されます。しばらくデバッグした後、問題が見つかりました。コンポーネントはサーバー側とクライアント側の両方でレンダリングされるため、サーバー側では初期状態のみでコンポーネントをレンダリングしているため、値が表示されません。
誰かが何をすべきか提案してください。
reactjs - サーバー側のレンダリングを行うときのエラー
サーバー側のレンダリングを行い、Web を開いてコンソールを表示すると、2 つのエラー メッセージが表示されました。
最初のエラー メッセージ:
私の webpack.config.js では、このプラグインを使用していることを確認しています。
2 番目のエラー メッセージ:
angularjs - Prerender を使用した Angular (.htaccess 設定)
Prerender サービスを使用して、クローラーのサーバー側レンダリング用に Angular 1.5 アプリをセットアップしようとしています。
内部ページではすべて正常に動作しますが、メイン ページのレンダリングに問題があります。クローラーは、メイン ページではなく 404 ページを認識します。
.htaccess の他のルールに問題があると思います - Prerender のルールを除いて、すべてのページに他の 2 つのルールを使用します。
- 末尾にスラッシュがない URL を、末尾にスラッシュがある URL に書き換える
- wwwなしのURLでwwwのあるURLを書き換える
ヒントをいただければ幸いです。
これがApacheサーバー用の私の.htaccessファイルです