私は、フロントエンドにほとんどのロジックを持ち、バックエンドにAPIのみを残し、フロントエンドにモーダルを備えたMVCjavascriptアプリケーションを構築しています。
ただし、設計とパフォーマンスの問題がいくつかあると思います。RESTfulバックエンドを使用した次のケースを検討します。
GET /
Javascriptアプリケーションを含む最初のHTMLページのユーザーの問題。- このページはJavascriptアプリケーションをロードし、
GET /api/articles?limit=30
JSONで最初の30件の記事をプルするように発行します。これは、Javascriptアプリケーションによってブラウザーにレンダリングされます。 - 記事ごとにコメントがあります。そのため、各記事は個別にajaxリクエスト
GET /api/article/<article_id>/comments
を作成して、関連するコメントも取得してレンダリングします。
そのため、1ページの訪問に対してすでに30を超えるリクエストがあり、これにより多くのHTTPオーバーヘッドが発生し、正しくないように見えます。
誰かがそれを行う正しい方法をお勧めできますか?私は何か間違ったデザインをしていますか?この場合、RESTfulバックエンドは役に立ちますか?JavaScriptを多用するフロントエンドとバックエンドAPI間の通信アーキテクチャに関するその他の提案は何ですか?