nodeサーバからの移植方法

Question

質問したいこと

設計についての質問です。
React 等のサンプルをみると、ほとんどnodeサーバで動作していますが、移植したい場合は、どのようにJSを移行するものなのでしょうか？
assets 等のフォルダにそのまま入れても動作すると思われないため。

create-react-app mysample

で作成したプロジェクトは、npm start でサンプル起動できます。

これを、他のサーバで実行したい場合にどのように移植可能なのでしょうか？

ちなみに当方では、サーバサイドを、Rails5を想定しています。

Comments

[CHERRY]

JS を移行とはどのようなことを指しているのでしょうか？ 具体的に記載していただけないでしょうか？

[tajihiro]

少しずつわかって来ているのですが、npm install にて、node_modules の配置がよくわかっていないという、そもそもの質問です。すみません。

Answer 1

React等のフロントエンド系のサンプルではサーバとして動かすためではなくnpmというモジュール管理ツールをインストールするためにNode.jsをインストールしています。（npmはRubyでいうGemのようなイメージです）

そのため、Rails上でReactを動かすことは可能ですが、その場合でもNode.jsのインストールは必要となります。

ざっくりとした流れとしては、以下の流れでRailsとReactを共存させることが出来ます。

1. Node.jsをインストール（同時にnpmもインストールされる）
2. npmで必要なパッケージをインストール（React, Webpack, Babel等）
3. WebpackでReact含むフロントエンド部分をビルド
4. ビルドの生成物のjsファイルをRailsで管理するhtmlから読み込むよう設定

なお、RailsのAssetPipelineにReactをぶら下げるためのGemもありますのでそれを利用するとより楽に開発出来ます。

余談ですが、create-react-appでnpm startを実行したときに起動するサーバは、wepack-dev-serverといって、フロントエンド開発をより便利にするための開発用サーバのようなイメージですので、Node.jsサーバの用に本番利用できるものではないです。