WebStorm 2025.2 ヘルプ

ローカルサーバー構成を作成する

ローカルサーバーは、ローカルフォルダーまたはマウントされたフォルダーで実行され、ローカル URL アドレスにファイルを提供するサーバーです。ローカルサーバー構成では、WebStorm プロジェクトで開発を行い、プロジェクトファイルをサーバーのドキュメントルートにアップロードします。

WebStorm でローカルサーバー構成を作成するには、WebStorm とサーバー間の接続を設定し、WebStorm プロジェクトとサーバー上のプロジェクトフォルダーおよび対応する URL パス間のマッピングを構成する必要があります。

1. サーバー構成の名前、タイプ、可視性を指定する

  1. Ctrl+Alt+S を押して設定を開き、ビルド、実行、デプロイ | デプロイを選択します。

    または、メインメニューのツール | デプロイ | 構成に移動します。

  2. 既存のサーバー構成をすべてリストした左側のペインで、追加 Add item をクリックして、ポップアップメニューでローカルまたはマウント済みフォルダーを選択します。

    Add a server: Local or mounted folder
  3. 開いた新規サーバーの作成ダイアログで、作成するサーバーの名前を入力し、OK をクリックします。新規サーバーの作成ダイアログが閉じ、デプロイノードの接続タブに戻ります。

  4. サーバーのリストからデフォルトにするサーバーを選択し、サーバーリストの上にあるツールバーの the Use as default button デフォルトとして使用をクリックして、サーバーをデフォルトとしてマークします

  5. 他のプロジェクトでこのサーバーアクセス構成を再利用できるようにするには、このプロジェクトでのみ表示するチェックボックスをオフにします。

2. サーバーへの接続を設定する

接続タブ (Ctrl+Alt+S | ビルド、実行、デプロイ | デプロイ ) で、サーバー設定を指定します。

  • フォルダー : サーバー構成ファイルで定義されているサーバードキュメントルートへの絶対パスを指定します。ドキュメントルート自体の他に、ドキュメントルートにある他の既存のフォルダーも指定できます。

    ドキュメントルートは、Web サーバーが Web サーバー URL にファイルを提供するフォルダーです。

  • Web サーバーの URL : サーバー構成ファイル内のサーバードキュメントルートにマップされた URL アドレス (ホスト名と (オプションで) ポート)。これは、アプリケーションの Web アドレスのベース URL です。HTTPHTTPS の両方がサポートされています。

    フィールドの右上隅にある 参照をクリックして開き、提供された Web サーバー URL を確認します。

Specify the server configuration root and the URL address to access it

3. プロジェクトフォルダーをサーバーフォルダーと URL パスにマップする

マッピングタブ (Ctrl+Alt+S | ビルド、実行、デプロイ | デプロイ ) で、WebStorm で開いたプロジェクトとそれに対応するサーバードキュメントルートのフォルダー間のマッピングを指定します。

Map project folders to folders on the server and the URL addresses to access them
  • ローカルパス : ローカルプロジェクトフォルダーへの絶対パス。WebStorm は、このフィールドに現在開いているプロジェクトへのパスを自動的に入力します。

  • デプロイメントパス : WebStorm がローカルパスフィールドで指定されたプロジェクトフォルダーの内容をアップロードする、サーバードキュメントルートのフォルダー。

    指定された名前のフォルダーがサーバー上にまだ存在しない場合は、プロジェクトのアップロードをトリガーすると、WebStorm によってフォルダーが作成されます。

    最も簡単な方法は、プロジェクトルートフォルダー全体をサーバードキュメントルートのフォルダーにマップすることです。この場合、プロジェクトフォルダー構造はサーバー上で再作成されます。

  • Web パス : デプロイメントパスで指定されたフォルダーに設定された URL パス。ルートフォルダーを指すにはスラッシュ (/) を使用できます。また、Web からディレクトリにアクセスできない場合は、フィールドを空白のままにすることもできます。

サーバー構成が追加されたため、リモートホストツールウィンドウでサーバーのファイルとフォルダーにアクセスできるようになりました。メインメニューのツール | デプロイ | リモートホストの参照に移動し、開いたツールウィンドウで、ドロップダウンリストから構成されたサーバーを選択します。

Open the Remote Host tool window and select the server
2024 年 10 月 08 日

関連ページ:

デプロイ

このページでは、WebStorm とサーバー間の対話を制御できるサーバーアクセス構成とサーバーグループを作成、編集、削除します。サーバーを使用する場合は、サーバーがリモートホスト上にあるかコンピューター上にあるかに関係なく、サーバーアクセス構成を定義する必要があります。サーバーアクセス構成およびサーバーグループの操作の詳細については、「Web サーバーに接続するおよびサーバーをグループに編成する」を参照してください。ツールバーのアイコンとコンテキストメニューのコマンド:ツールバーのボタンとコン...

ファイルのアップロードとダウンロード

WebStorm では、構成されたデプロイサーバーにプロジェクトファイルとフォルダーをアップロードするための次の 2 つの方法が提供されています。メニューコマンドからいつでも手動で実行。ファイルが更新されるたびに、またはデバッグセッションを開始する前に、またはバージョン管理システムへのコミット中に自動的に行われます。ファイルとフォルダーをダウンロードする場合、WebStorm は手動モードのみをサポートします。WebStorm は、ファイル転送ツールウィンドウにログを表示します。ファイルまたはフ...

リモートホストツールウィンドウ

このツールウィンドウを使用して、対象の FTP/FTPS/SFTP サーバーのフォルダー構造とアップロードされたデータを表示します。リモートホストツールウィンドウを開く:。(以前にから開かれている場合にのみツールウィンドウリストで使用可能)。オプション:リモートホストツールウィンドウのオプションメニューには、一般オプションのほかに、ファイルサイズ、アクセス許可、最終変更日など、アップロードされたファイルに関するメタデータを表示するためのオプションが含まれています。ツールバー:リモートホスト

インプレースサーバー構成を作成する

インプレースサーバー構成では、ローカル Web サーバーを使用しますが、ローカルサーバー構成とは異なり、サーバーのファイル構造内の WebStorm プロジェクトとプロジェクトフォルダー間でファイルのアップロード / ダウンロードや同期は行いません。代わりに、WebStorm でサーバーのドキュメントルートからプロジェクトフォルダーを直接開き、サーバー上で直接開発を行います。WebStorm でインプレースサーバー構成を作成するには、サーバードキュメントルートにマップされた Web サーバー URL...

リモートサーバー構成を作成する

リモートサーバー構成では、サーバーは別のコンピューター (リモートホスト) 上で実行されます。リモートサーバー上のファイルにアクセスするには、FTP/SFTP/FTPS/WebDAV プロトコルを使用します。WebStorm でリモートサーバー構成を作成するには、次の手順を実行する必要があります。リモートホストで認証し、接続を設定するは、そこにインストールされている Web サーバーと WebStorm の間にあります。WebStorm プロジェクトとホスト上のプロジェクトフォルダー間のマッピン...