node.js - 讨论一下前端开发模式

Question

目前有两种方案：

1.node作为前端服务渲染页面，页面写的是后端模板。用node跟服务器php进行交互。
2.node+react，node作为服务端只提供服务，页面由客户端渲染，交互逻辑也是写在react组件中，根据react的0DOM操作会提高页面的渲染速度。
请大家各抒己见，来探讨一下这两种开发模式哪种比较好，请说出原因。

Answer 1

どちらの方法にも、それぞれ適用可能なシナリオがあります。それぞれの長所と短所と適用可能なシナリオについて簡単に説明します。

方法 1

ノードはページをレンダリングするフロントエンド サービスとして機能し、ページはバックエンド テンプレートとして記述されます。ノードを使用してサーバーphpと対話します。

利点:

ページの SEO に優しい: ページはサーバー側で適切にレンダリングされるため、SEO にとってより有益です。

最初の画面は高速に表示されます。ノードと PHP が同じマシンにデプロイされていると仮定すると、対応する gets data-> が高速に行われます。ページに戻る code> は、2 番目のオプションよりも高速です。

欠点:

2 つの実装: 同じレンダリング ロジックをサーバー側とブラウザ側で一度実装する必要がある場合があります。

より高いサービス品質と信頼性: サーバー側のロジックは比較的重く、品質と信頼性の保証要件はより高くなります。

適用可能なシナリオ: ニュース ポータル、ブログなど。

方法 2

node+react、サーバーとしてのノードはサービスを提供するだけであり、ページはクライアントによってレンダリングされ、対話ロジックもreactコンポーネントに書き込まれます。reactの0DOM操作により、レンダリング速度が向上します。ページ。

利点:

フロントエンドとバックエンドの分離: サーバーはデータの提供を担当し、クライアントはビューのレンダリングを担当するため、メンテナンスが容易になります。

これを 2 回実装する必要はありません。これについては上で説明したので繰り返しません。 React 自体によってもたらされるメリットについては、ここでは詳しく説明しません。

欠点:

SEO に優しくない: このソリューションでは、フロントエンドに返されるページはほとんどが単なるスケルトンであり、コンテンツが埋められていないため、SEO 効果はあまり良くありません。

最初の画面のレンダリング速度が遅いです。さらに、Load js (react を含む)->Pull data-> オプション 1 と比較します。 、速度は、ネットワーク上の往復が増えるため、一般的に遅くなります。

該当するシナリオ: 業務運営に重点を置き、やり取りが多いサイト。管理バックエンドやリッチ クライアント アプリケーションなど。