WebStorm 2020.3 ヘルプ

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

ローカルサーバー構成では、開発を行ってから、ソースをサーバーにコピーします。

ローカルサーバーは、ローカルフォルダーまたはマウントされたフォルダーで実行されているサーバーであり、そのドキュメントルートはプロジェクトルートの親ではありません。

この設定でサーバーへのアクセスを構成するには、次のように指定する必要があります。

  1. サーバー構成のルートフォルダーとそれにアクセスするための URL アドレス。

  2. プロジェクトルートフォルダープロジェクトルートフォルダーからデータをコピーするサーバー上のフォルダー、およびサーバー上のコピーされたデータにアクセスするための URL アドレス間の対応。この対応をマッピングと呼びます。

Create local server
  1. 次のいずれかを実行して、デプロイページを開きます。

    • 設定 / 環境設定ダイアログ Ctrl+Alt+S で、ビルド、実行、デプロイ | デプロイに移動します。

    • メインメニューからツール | デプロイ | 構成を選択します。

  2. 開いた接続タブの左側のペインには、既存のすべてのサーバー構成が一覧表示されます。the Add button をクリックし、リストからローカルまたはマウントされたフォルダーを選択します。

    表示される新規サーバーの作成ダイアログで、新しいサーバーの名前を入力し、OK をクリックして接続タブに戻ります。

  3. サーバー構成ルートとそれにアクセスするための URL アドレスを指定します。

    • フォルダーフィールドで、サーバー構成ルートを指定します。

      サーバー構成ルートは、サーバー構成を介してアクセスできるサーバー上のファイルツリーの最上位のフォルダーです。最も簡単な方法は、Web サーバー構成ファイルで定義されている Web サーバーのドキュメントルートを使用することです。ただし、ドキュメントルートの下にある他の既存のフォルダーを指定できます。

    • Web サーバーの URL フィールドで、サーバー構成ルートの URL アドレスを指定します。この URL アドレスは、アプリケーションの URL アドレスを構築するための開始点になります。サーバー構成 root の選択に応じて、次のいずれかを実行します。

      • Web サーバー構成ファイルで定義されている Web サーバーのドキュメントルートに関連付けられている URL アドレスを入力します。

      • URL アドレスを次の形式で入力します。

        <Server document root URL>/<path to the folder relative to the server document root>

      HTTPHTTPS の両方のプロトコルがサポートされています。

    Specify the server configuration root and the URL address to access it
  4. プロジェクトフォルダーをサーバー上のフォルダーとそれらにアクセスするための URL アドレスにマップします。

    マッピングタブで、プロジェクトフォルダー、プロジェクトファイルのコピー先のサーバー上のフォルダー、およびサーバー上のコピーされたデータにアクセスするための URL アドレス間の対応を設定します。

    • ローカルパスフィールドに、目的のローカルフォルダーのフルパスを指定します。最も単純なケースでは、プロジェクトルートです。

    • デプロイパスフィールドで、WebStorm がローカルパスフィールドで指定されたフォルダーからデータをアップロードするサーバー上のフォルダーを指定します。サーバー構成ルートを基準にしたフォルダーへのパスを入力します。

      指定した名前のフォルダーがまだ存在しない場合、オプションダイアログ空のディレクトリを作成するチェックボックスを選択していれば、WebStorm が作成します。詳細については、アップロードとダウンロードをカスタマイズするを参照してください。

    • Web パス」フィールドに、サーバー構成ルートを基準としたサーバー上のフォルダーへのパスを入力します。実際には、デプロイパスフィールドに入力した相対パスを入力します。

    Map project folders to folders on the server and the URL addresses to access them

オプション

接続タブで、サーバー構成をデフォルトとしてマークし、その可視性を構成します。

  1. デフォルトとして使用 the Use as default button をクリックして、次の場合に WebStorm に現在の構成をサイレントに適用させます。

  2. このプロジェクトでのみ表示するチェックボックスを使用して、サーバーアクセス設定の可視性を設定します。

    • 設定の使用を現在のプロジェクトに制限するには、チェックボックスを選択します。このような構成は、現在のプロジェクトの外では再利用できません。他のプロジェクトで利用可能な設定のリストには表示されません。

      サーバーレコードはプロジェクトと一緒に .idea ディレクトリに保存されるため、VCS を介してチームメンバー間でレコードを共有できます。

      左側のペインのサーバーアクセス構成リストでは、現在のプロジェクトでのみ表示される構成に Visible only in current project icon アイコンが表示されます。

    • チェックボックスがオフの場合、構成はすべての WebStorm プロジェクトで表示されます。その設定は、複数のプロジェクトで再利用できます。

サーバー構成ルートを指定する例

例: サーバーのデフォルトのドキュメントルートhtdocs フォルダー、データにアクセスするためのデフォルトの URL アドレスは http://localhost です。XAMPP(英語) パッケージを使用していて、C:/ ドライブのルートにインストールされているとしましょう。

プロジェクトファイルをサーバードキュメントルートの直下にコピーすることにした場合、サーバー構成ルートC:\xampp\htdocs になり、その URL は http://localhost:<port> になります。

たとえば、サーバードキュメントルートの下に MySite1 および MySite2 フォルダーを置くように、サーバー上でより複雑なフォルダー構造を確立することができます。この場合、現在の設定でこれらのフォルダーのどれを使用するかを決める必要があります。MySite2 とします。サーバー構成のルートC:\xampp\htdocs\MySite2 になり、その URL アドレスは http://localhost:<port>\MySite2 になります。

プロジェクトフォルダーをサーバー上のフォルダーにマッピングする例

例: プロジェクトが C:\My_Projects\Mapping_project にある場合、サーバー文書のルートC:\xampp\htdocsサーバー構成のルートC:\xampp\htdocs\MySite2、その URL アドレスは http://localhost:<port>\MySite2 です。次のようにフィールドに入力します。

  1. ローカルパスフィールドに C:\My_Projects\Mapping_project と入力します。

  2. デプロイパスフィールドに MySite2 と入力します。

  3. Web パスフィールドに MySite2 と入力します。

関連ページ:

デプロイ

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

オプション

このページを使用して、プロジェクトファイルをローカルおよびリモートサーバーとの間でアップロードおよびダウンロードするための追加設定を指定します。さまざまなサーバーアクセス構成の詳細については、アプリケーションをデプロイするを参照してください。このダイアログで指定されたオプションは、サーバータイプ(ローカル、リモート)および使用されるデータ転送プロトコルに関係なく、定義されたすべてのサーバー構成に適用されます。FTP / SFTP / FTPS タイプのサーバー構成のプロトコル固有のオプションは、...

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

WebStorm は、プロジェクトファイルとフォルダーをデプロイサーバーにアップロードする主な方法を提供します。手動: メニューコマンドでいつでも実行できます。自動: ファイルが更新されるたび、デバッグセッションを開始する前、またはバージョン管理システムへのコミット中。ファイルとフォルダーをダウンロ

デプロイされたファイルとフォルダーをローカルバージョンと比較する

WebStorm プロジェクト内のファイルとフォルダーとサーバー上のそれらのバージョン間の対応は、デプロイサーバーマッピングを介して設定されます。簡単にするために、サーバーが実際にマシンにインストールされている場合でも、WebStorm プロジェクト内のファイルまたはフォルダーはローカルと呼ばれ、サーバー上のファイルまたはフォルダーはリモートと呼ばれます。詳細については、Web サーバーとの同期を構成するを参照してください。サーバーにアクセスするメインメニューからまたはを選択してリモートホストツ...

バージョン管理

VCS 操作のポップアップ(または)を使用すると、VCS 関連のコマンドをすばやく呼び出すことができます。ポップアップ内のアクションのリストは、現在有効になっている VCS によって異なります。VCS オペレーションポップアップコマンドのリストは設定可能です。設定 / 環境設定の外観および振る舞い | メニューおよびツールバーページで追加または削除できます。ローカル履歴バージョン管理を有効にする