エクスプレスバックエンドを既存の反応アプリに追加する方法

Question

私の質問はタイトルのほとんどすべてです。

私はreact/reduxフロントエンドを構築しました。 これで、新しいExpressインストールでサービスを提供することができます。

言って、私のAPIは、「/ API/...」から提供され、フロントエンドに反応しなければならない「/」

である必要があり、それは一つにノードモジュールをマージし、エクスプレスルートを設定するだけです、あるいは何か他に何かが必要なのでしょうか？

Answer 1

これを行う方法の非常に良い例は、hereです。彼の構成の

主なポイントは以下のとおりです。

• あなたは2 package.json sおよび依存関係の2セットを持っています。
• 開発中のサーバーは2台あり、フロントエンドのpackage.jsonファイルにバックエンドをプロキシとして設定します。 "proxy": "http://localhost:5000"
• 生産では、静的なHTMLのフロントエンドコードをコンパイルし、ルートあなたの特急設定の最後にコンパイルされたHTMLにすべての非API要求：

ルーティングは次のようになります。

app.get('/api/foo', function (req, res) { 
    res.send('{"foo":"foo"}'); 
}); 

app.get('/api/bar', function (req, res) { 
    res.send('{"bar":"bar"}'); 
}); 

app.get('*', function(req, res) { 
    res.sendFile(path.resolve(__dirname, '../react-ui/build', 'index.html')); 
}); 

明らかに、すべてのクレジットはスーパーサンプルアプリの火星に送られます。