フロントエンドとバックエンドを正しく接続する方法は？

Question

私はウェブプログラミングでは新しいです。だから、私はフロントとバックエンドを接続する方法を理解するいくつかの問題があります。私はJavaで書いています。ですから、私はspring mvcとjsp（またはApache FreeMarkerのような別のテンプレートエンジン）をビューレイヤーとして持っています。どのようにreactjsまたはangular2 + fron-tendフレームワークを統合するのですか？そして私はそのことをすべきか？ html（jsp）のjavaコードまたはhtml（erb）のRubyコードを使用するのは実際ですか？実際には、この場合フロントエンドフレームワークをどのように使用するのですか？（使用しないでください） RESTfulバックエンドのようなものを作成し、それを角度2（例として）と統合する必要がありますか？ それらを統合する他の方法がありますか？私は自分のWebアプリケーションをどのように作成すればいいのか説明できますか？またはこのトピックでいくつかのリンクを教えてください。 私が尋ねることを実行する方法が複数ある場合は、それぞれのアプローチの長所と短所を教えてください。そして、私の英語には申し訳ありません。前もって感謝します。

Answer 1

フロントエンド：ブラウザで実行事、それはHTML/CSS/JSに基づいています

バックエンド：サーバー上で実行するもの、ルビー、PHPやPython、Javaのは、JavaScript /ノードは、bashスクリプト、DBMS

フロントエンドとバックエンドの2つの方法で対話：

1 - シンプルなブログの場合：あなたは、特定のポストのURLを入力すると、お使いのブラウザは、バックエンドへのHTTP要求を行っています。バックエンドは、ブラウザが解釈したHTMLコードを含むHTTP応答を返します。 2つのエッジ間の唯一の相互作用は、実際にHTTPフローです。

2-単一ページのAJAXを搭載したアプリケーション：ここでは、唯一の対話がHTTPであることがさらに明確になっています。 Javascriptを搭載したフロントエンドUI（または、実際にはどのWeb、モバイル、またはデスクトップアプリケーションでも可能）は、バックエンドにHTTPリクエストを送信して、データの読み取り、作成、更新、または削除を行います。バックエンドは、UI/webappが状態を変更したり、ユーザーにデータを表示したりするために必要な情報を含むHTTP応答を返します。