ほとんどの場合、それはかなり簡単です。私のアプリケーションでは、一般的に次のように機能します。
- Express.js はバックエンド REST API を提供します
- Express.js は、静的な HTML、JavaScript、CSS、および画像アセットを提供します。
- フロントエンドの HTML/Javascript ビットは、Angular.js を使用して記述されています。
私は Express.js のビュー機能 (Ruby on Rails や Django に似た機能をテンプレート化などで提供するもの) を使用しない傾向がありますが、代わりに単一の index.html を提供し、Angular.js に任せます。残り。メイン HTML ファイルが 1 つしかない Angular.js アプリを作成することは非常に可能性が高く、一般的であり、そのためエクスプレスの「ビュー」部分は不要です。
Angular.js 自体は MVC 方式で構造化されています。ビュー テンプレートとコントローラーにデータを提供し、ユーザー インタラクションからのイベントを処理します。コントローラーが作用するデータは、モデルから取得されます。モデルは、Express.js バックエンドによって提供される API へのアクセスを提供する単なるレイヤーです。これは通常、Angular.js リソースを使用して行われます。
RESTifyは、私が説明した方法で構築されたアプリを表現するためのもう 1 つの代替手段です。
他の人が推奨しているように、各コンポーネントの Web サイトのチュートリアルを参照してください。Anguar.js と Express.js の統合に関するチュートリアルもここで見つけました: http://technokayiti.blogspot.no/2013/06/lesson-5-angularjs-tutorial-backend.html