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

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

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

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

2. 既存のすべてのサーバー構成を一覧表示する左側のペインで、 をクリックし、サーバーとのデータ交換に使用するプロトコルに応じてサーバー構成タイプを選択します。

   • FTP ：このオプションを選択すると、WebStorm が FTP ファイル転送プロトコルを介してサーバーにアクセスします。

   • SFTP​: このオプションを選択すると、WebStorm が SFTP ファイル転送プロトコルを通じてサーバーにアクセスします。

   • FTPS ：このオプションを選択すると、WebStorm が SSL（FTPS 拡張）を介した FTP ファイル転送プロトコルでサーバーにアクセスします。

   • WebDAV​​WebDAV ：このオプションを選択すると、WebStorm が WebDAV ファイル転送プロトコル（WebDAV 拡張）を介してサーバーにアクセスします。

   

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

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

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

2。 リモートホストとそのサーバーへの接続を設定する

接続 タブ (Ctrl+Alt+S| ビルド、実行、デプロイ | デプロイ) で、リモートホストアクセス、ファイル転送パラメーター、Web サーバー構成の設定を指定します。

1. アクセスするには、ホストアドレス、ポート、ユーザー資格情報を指定します。 必要なフィールドは、使用するプロトコルの種類によって異なります。

   

   • SSH 構成：: リストから以前に作成した SSH 構成の 1 つを選択するか、 をクリックして、 SSH 構成 の説明に従って新しい構成を作成します。

   • ダウンロード/アップロード/同期に rsync を使用： チェックボックスを選択すると、WebStorm はファイルのアップロードやダウンロード時に Rsync を使用するようになり、ファイル転送速度が向上します。

     Rsync 設定 をクリックして Rsync 設定ページを開き、Rsync を設定します。

   

   • ホスト：: データを交換するサーバーのホスト名を指定します。

   • ポート：: このサーバーがリッスンするポートを指定します。 FTP/FTPS の場合、デフォルト値は 21 です。 WebDAV の場合、デフォルト値は 6180 です。

   • ユーザー名 と パスワード: ホストへの登録時に指定したユーザー名とパスワードを入力します。

     パスワードを保存 チェックボックスを選択すると、パスワードが WebStorm に永続的に保存されます（それ以外の場合は、IDE の再起動までしか保存されません）。

     または、 匿名でログインする チェックボックスを選択して、サーバーとの匿名認証を有効にし、メールアドレスをパスワードとして使用します。

2. リモートホストの Web サーバーへの接続を設定します。

   • ルートパス: リモートファイルシステムを参照し、サーバーパスマッピングと除外パスを設定するためのリモートディレクトリルートとして使用されるフォルダーを指定します。

     次のいずれかを実行します：

     • デフォルトの / パスを受け入れてください。これはサーバー上の ルート フォルダーを指します。

     • パスを手動で入力するか、 をクリックして、開いた ルートパスを選択 ダイアログで目的のフォルダーを選択します。

     • 自動検出 をクリックしてください。 WebStorm は FTP/SFTP サーバー上のユーザーホームフォルダー設定を検出し、それに基づいてルートパスを設定します。 このボタンは、資格情報を指定した場合にのみ有効になります。

   • Web サーバーの URL: ルートパス で指定されたフォルダーに設定された URL アドレスを指定します。 HTTP と HTTPS の両方がサポートされています。

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

3. (オプション) 拡張 セクションを展開し、次に説明する設定を行います：

   • SFTP の詳細設定

   • FTP と FTPS の詳細設定

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

マッピング タブ (Ctrl+Alt+S| ビルド、実行、デプロイ | デプロイ) で、以下を指定します。

1. ローカルパス: ローカルプロジェクトフォルダーへの絶対パス。 WebStorm は、現在開いているプロジェクトへのパスをこのフィールドに自動入力します。

2. デプロイ パス: WebStorm が ローカルパス フィールドで指定されたプロジェクトフォルダーの内容をアップロードするサーバールート配下のフォルダーです。

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

3. Web パス： デプロイ パス で指定されたフォルダーに設定された URL パス。 スラッシュ（/ ）を使用してルートフォルダーを指定することもできますし、ディレクトリにウェブからアクセスできない場合はフィールドを空欄のままにできます。