web-dev-qa-db-ja.com

ReactJS：ローカルサーバーに展開する方法

NodeJS + Express + GraphQL + MongoDBバックエンドとReactJS + Apolloフロントエンドで開発されたWebアプリがあります。このアプリケーションをデプロイしたいlocally。それも可能ですか？

何十もの「Herokuにデプロイする方法」、「Digital Oceanにデプロイする方法」、「Githubにデプロイする方法」などに出くわしました。しかし、ローカルにデプロイする方法を説明するものはありません。

今、私は実行します：nodemon serverバックエンド用、およびnpm startフロントエンド用。 http://localhost:3000/で実行されているアプリケーションが表示されます（フロントエンドをポート3001で実行されているサーバーに接続するためにcorsを使用しています）。

コマンドhttp://localhost:3000/およびnpm startを実行せずに、nodemon serverに移動してアプリを表示したいだけです。これは可能ですか？もしそうなら、どうすればいいですか？

私の知る限り、ローカルサーバーはWAMPサーバーではありません（ただし、OSはWindowsです）。 IT部門は、それが

[...]プレーンで通常の古いサーバー。アドレスは、ポート3000で実行されているlocalhostです。必要に応じて、3001で別のポートを開くことができます。 C：ドライブに物を置くだけで、準備完了です。 NodeまたはReactのことを聞いたことがないので、質問がある場合は助けられません。

何か案は？あなたの助けに感謝します！

[〜＃〜] update [〜＃〜]

私が探しているものを取り巻く混乱が少しあるようです。これをローカルに展開しようとしています。

たとえば、ローカルコンピューター（自宅のラップトップ）で、お気に入りのブラウザーでlocalhost：3000にアクセスするとします。その瞬間にローカルホストに何かを提供しているのでなければ、何も表示されません。「接続を拒否しました」などと表示されます。私が欲しいのは、localhost：3000にアクセスして反応サイトが表示されて機能するときはいつでもネットワーク上の任意のマシンを開くことができることです...それはより理にかなっていますか？

これが開発モードであることは望ましくありません。ローカルホストでこのプロジェクトのビルドが必要です...これは不可能だと考え始めています。

node.jsreactjsmongodbdeploymentlocalhost
11
Bens Steves

問題を解決するために、npm startおよびnodemon serverを実行する起動スクリプトを作成できます。その後、サーバーが常に実行されるように、必ず非表示にしてください。ただし、スローされたエラーはサーバーを停止し、構成しない限りサーバーは自動的にリロードしないことに注意してください。

4
Slawomir Wozniak

私が理解したように、ローカルサーバーではなくローカルに展開したい開発中のデバイス。

私はそれをすることを考えました...しかし、私はそれが常に実行されているとITが大丈夫だろうと確信していません... :(

サーバーが実行されていない場合、どのように使用できますか？ WAMP（Apacheを実行している）と同じように、またはあなたがそこで転がったものは何でも、それは実行されていなければなりません。そのため、 slawomir のようなバックグラウンドプロセスにするだけです。

PSただし、ノードサーバーを適切に理解しているとは思わない。 this を読んで、ノードサーバーのリロードが必要な理由を理解してください。その後、ホットリロードツールは完璧ではないことを理解する必要があります。サーバーを時々再起動する必要があります。

PPSこれがどういう意味かわからない

[...]プレーンで通常の古いサーバー。アドレスは、ポート3000で実行されているlocalhostです。

3000で実行されているサーバーがある場合、サーバーのポートをsmthに変更する必要があります（最も一般的なのは9000です）。

5
CT.

最初に.bat or .cmd拡張子を持つバッチファイルを作成する必要がある問題を解決するには、そのファイルの下に次の2つのコマンドを追加します

nodemon servernpm start

次に、次の手順に従って、Windows OSの起動スクリプトとして追加します。

  1. バッチファイルへのショートカットを作成します。
  2. ショートカットが作成されたら、ファイルを右クリックして[切り取り]を選択します。
  3. [スタート]ボタンを押して[ファイル名を指定して実行]と入力し、Enterキーを押します。
  4. [実行]ウィンドウで、「Shell：startup」と入力して[スタートアップ]フォルダーを開きます。
  5. スタートアップフォルダーが開いたら、フォルダーの上部にある[ホーム]タブをクリックし、[貼り付け]を選択して、フォルダーにショートカットを貼り付けます。

上記の手順は、たとえば、バッチファイルを作成し、Windows 8および10ユーザーのスタートアップスクリプトとして追加することです。わかりやすくするため、または参照するには、次のリンクを参照してください。 reference-link

0
RamThakur

私は次のことを試してみます：

  1. 本番環境変数を設定してアプリを構築します
  2. distフォルダーからすべてのファイルを取得し、サーバーに展開します
  3. localhost /を使用してアプリにアクセスします
0
venu

サーバーの実行中にサーバーをリロードするオプションはありません。技術的には、「メイン」ファイルに別のファイルの変更を監視させることができます。これは、サーバープログラムを実際に保持するファイルになります。次に、変更時に、現在のロジックを破棄して実行を開始します。そうは言っても、そのようにそれを行うことは非常に壊れやすく、それを行うための非常にラウンドアラウンドな方法になります。また、同様のソリューションが必要なフロントエンドを修正することもできません。

代わりに、お気に入りのエディターの保存イベントにフックし、これらの2つのコンソールコマンドを実行して、保存するたびにサーバーが自動的に起動するようにすることができます。 （既存のサーバーも必ずクリーンアップしてください）

0
Bronzdragon