Expressとノードを既存のフロントエンドのみにインストールする方法Angular 2プロジェクト？

Question

Angular-CLIとNPMを使用している現在のフロントエンドのAngular 2アプリケーションがあります。私は訪問者がコンタクトフォームを通じて私に電子メールを送ることができるようにしたい。

私は明らかにバックエンド、エクスプレス、ノードを必要としていますが、私は使用経験がありません。

私はエクスプレスとノードを私のアプリケーションに組み込む必要がありますが、これを正しく行う方法はわかりません。

私はTHISと同様の質問を見つけましたが、私の状況には関係ありません。

他のチュートリアルでは、フロントエンドが構築された後でMEANスタックアプリケーションをバックグラウンドで統合する方法を示していません。

• 私は、バックエンドのために急行し、ノードを使用するように私の角度2アプリケーションを設定するにはどうすればよい？私はを知っていただきたいと思い

• 必要なファイルは何ですか？
• Angular-CLIを使用してこれを行うことはできますか？

Answer 1

angle-cliを使用してnodejs/expressバックエンドを使用して構築されたプロジェクトをセットアップする最も良い方法は、ディレクトリを提供するエクスプレスプロジェクトを簡単に作成することです。クライアントプロジェクトで、angle-cliを使用して作成した場合は、ng buildと入力するだけで、すべてをdistディレクトリにコンパイルすることができます。そこから

、あなたはdistディレクトリとても似ていることアップ機能特急サーバーを作成することができます

app.get('*', (req, res) => { 
    res.sendFile(path.join(__dirname, 'dist/index.html')); 
}); 

最も単純なサーバーあなたが構築できるのだろう、おそらく

var express = require('express') 
var app = express() 

app.get('*', (req, res) => { 
    res.sendFile(path.join(__dirname, 'dist/index.html')); 
}); 

app.listen(3000, function() { 
    console.log('Example app listening on port 3000!') 
}); 

この意志インターセプトのようなものすべてのルートを作成し、作成したdist/フォルダ内のindex.htmlファイルにリダイレクトします。この設定方法の詳細については、いくつかのより高度な設定については

、これらのリンクをチェックアウト：

• http://expressjs.com/en/starter/installing.html
• https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli

だけdist/フォルダを考えるなどの静的ファイルエクスプレスサーバー上で配信され、ルーティングとすべてが角度を使って処理されるため、設定されます。