Web サーバーに接続する
WebStorm は、次の 3 種類の「ローカル開発 — デプロイサーバー」構成を区別します。
インプレースサーバー構成。
インプレースサーバー構成では、ローカル Web サーバーを使用しますが、ローカルサーバー構成とは異なり、サーバーのファイル構造内の WebStorm プロジェクトとプロジェクトフォルダー間でファイルのアップロード / ダウンロードや同期は行いません。代わりに、WebStorm でサーバーのドキュメントルートからプロジェクトフォルダーを直接開き、サーバー上で直接開発を行います。
ローカルサーバーの構成。
ローカルサーバーは、ローカルフォルダーまたはマウントされたフォルダーで実行され、ローカル URL アドレスにファイルを提供するサーバーです。ローカルサーバー構成では、WebStorm プロジェクトで開発を行い、プロジェクトファイルをサーバーのドキュメントルートにアップロードします。
リモートサーバーの構成。
リモートサーバー構成では、サーバーは別のコンピューター (リモートホスト) 上で実行されます。リモートサーバー上のファイルにアクセスするには、FTP/SFTP/FTPS/WebDAV プロトコルを使用します。
始める前に
サーバーとの同期、サーバー上のファイルのアップロード、ダウンロード、管理は、デフォルトで有効になっている FTP/SFTP/WebDAV 接続バンドルプラグインを介して提供されます。プラグインが無効になっている場合は、設定ダイアログのプラグインページでプラグインを有効にします。詳細については、「プラグインのインストール」を参照してください。
Web サーバーが構成され、実行されていることを確認してください。詳細については、Web サーバーの公式ドキュメントを参照してください。
必要なだけ多くの設定を定義できるため、アップロード / ダウンロードの設定を柔軟に切り替えることができます。
コードを複数のサーバーにデプロイする必要がある場合は、サーバーグループを作成して各サーバーに個別にデプロイすることを避けます。
サーバーアクセス構成
WebStorm は、サーバーアクセス構成を通じてサーバーとの対話を制御します。サーバーを使用するときはいつでも、サーバーがリモートホスト上にあるかマシン上にあるかに関係なく、サーバーアクセス構成を定義する必要があります。
サーバーアクセス構成では、以下を定義します。
サーバーのタイプ(インプレース、ローカル、リモート)。
サーバーが実行されているコンピューター(ホスト)。インプレースおよびローカルサーバーの場合、WebStorm は、プロジェクトが存在する現在のコンピューターであることを前提としています。
サーバーアクセス構成ルート : サーバー構成を通じてアクセスできるサーバー階層の最上位のフォルダー。
サーバー構成ルートにアクセスするための URL アドレス。
データを転送するためのプロトコルと接続パラメーター。
ローカルフォルダー(つまり、プロジェクトルートのフォルダー)、サーバー上の宛先フォルダー(ローカルまたはリモート)、およびサーバー上のデータにアクセスするための URL アドレス間の対応。この対応をマッピングと呼びます。
例: プロジェクトは C:/Projects/My_Project/ に保存され、C:/Projects/My_Project/My_Folder というフォルダーを含みますが、ローカルサーバーは C:/xampp/htdocs にドキュメントルートを持ちます。プロジェクトツリー全体を C:/xampp/htdocs/My_Project にアップロードします。WebStorm 用語で、C:/Projects/My_Project/My_Folder フォルダーは、ローカルと呼ばれ、C:/xampp/htdocs/My_Project/My_Folder フォルダーがリモートと呼ばれます。
必要なだけ多くの設定を定義できるため、アップロード / ダウンロードの設定を柔軟に切り替えることができます。
コードを複数のサーバーにデプロイする必要がある場合は、サーバーグループを作成して各サーバーに個別にデプロイすることを避けます。
デフォルトのサーバーアクセス構成
次の場合に WebStorm がサイレントに適用するように、サーバー構成をデフォルトとして設定できます。
リモートバージョンのローカルファイルとフォルダーの比較。
設定ダイアログ(Ctrl+Alt+S)で、に移動し、中央のペインで必要なサーバーアクセス構成を選択して、ツールバーの
をクリックします。
または、WebStorm ステータスバーのデフォルトのデプロイサーバーウィジェットをクリックし、ポップアップメニューから目的のサーバーまたはサーバーグループを選択します。

デフォルトサーバーへのアップロードを構成するには、に移動します。
サーバーアクセス構成の可視性
構成が完了すると、サーバーアクセス構成を既存のすべての WebStorm プロジェクトで使用できるようになります。構成の使用を現在のプロジェクトに制限できます。
設定ダイアログ (Ctrl+Alt+S) で、に移動し、中央ペインで必要なサーバーアクセス構成を選択します。
このプロジェクトでのみ表示するチェックボックスを使用して、このサーバーアクセス構成を他のプロジェクトで再利用できるようにします。
設定の使用を現在のプロジェクトに制限するには、チェックボックスを選択します。このような構成は、現在のプロジェクトの外では再利用できません。他のプロジェクトで利用可能な設定のリストには表示されません。
サーバー構成設定はプロジェクトとともに .idea ディレクトリに保存されるため、VCS を介してチームメンバー間で共有できます。
左側のペインのサーバーアクセス構成のリストでは、現在のプロジェクトでのみ表示される構成には
アイコンが付いています。
チェックボックスがオフの場合、構成はすべての WebStorm プロジェクトで表示されます。その設定は、複数のプロジェクトで再利用できます。
関連ページ:
ローカルサーバー構成を作成する
ローカルサーバーは、ローカルフォルダーまたはマウントされたフォルダーで実行され、ローカル URL アドレスにファイルを提供するサーバーです。ローカルサーバー構成では、WebStorm プロジェクトで開発を行い、プロジェクトファイルをサーバーのドキュメントルートにアップロードします。WebStorm でローカルサーバー構成を作成するには、WebStorm とサーバー間の接続を設定し、WebStorm プロジェクトとサーバー上のプロジェクトフォルダーおよび対応する URL パス間のマッピングを構成す...
インプレースサーバー構成を作成する
インプレースサーバー構成では、ローカル Web サーバーを使用しますが、ローカルサーバー構成とは異なり、サーバーのファイル構造内の WebStorm プロジェクトとプロジェクトフォルダー間でファイルのアップロード / ダウンロードや同期は行いません。代わりに、WebStorm でサーバーのドキュメントルートからプロジェクトフォルダーを直接開き、サーバー上で直接開発を行います。WebStorm でインプレースサーバー構成を作成するには、サーバードキュメントルートにマップされた Web サーバー URL...
リモートサーバー構成を作成する
リモートサーバー構成では、サーバーは別のコンピューター (リモートホスト) 上で実行されます。リモートサーバー上のファイルにアクセスするには、FTP/SFTP/FTPS/WebDAV プロトコルを使用します。WebStorm でリモートサーバー構成を作成するには、次の手順を実行する必要があります。リモートホストで認証し、接続を設定するは、そこにインストールされている Web サーバーと WebStorm の間にあります。WebStorm プロジェクトとホスト上のプロジェクトフォルダー間のマッピン...
プラグインのインストール
プラグインは WebStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。デフォルトでは、WebStorm には多数のプラグインがバンドルされています。バンドルされたプラグインを無効にするこ...
サーバーをグループに編成する
サーバーグループを使用すると、サーバー構成をグループ化し、単一のエンティティと同じように使用できます。コードを複数のサーバーにデプロイする必要がある場合は、サーバーグループを使用して各サーバーに個別にデプロイしないようにすることができます。サーバーグループを作成するを押して設定を開き、を選択します。または、メインメニューのに移動します。既存のサーバー構成をすべてリストした左側のペインで、追加をクリックして、ポップアップメニューでサーバーグループを選択します。開いた新規グループの作成ダイアログで、...
ファイルのアップロードとダウンロード
WebStorm では、構成されたデプロイサーバーにプロジェクトファイルとフォルダーをアップロードするための次の 2 つの方法が提供されています。メニューコマンドからいつでも手動で実行。ファイルが更新されるたびに、またはデバッグセッションを開始する前に、またはバージョン管理システムへのコミット中に自動的に行われます。ファイルとフォルダーをダウンロードする場合、WebStorm は手動モードのみをサポートします。WebStorm は、ファイル転送ツールウィンドウにログを表示します。ファイルまたはフ...