Create a remote server configuration

1. Specify the name, type, and visibility of a server configuration

1. Press Ctrl+Alt+S to open settings and then select Build, Execution, Deployment | Deployment.

   Alternatively, go to Tools | Deployment | Configuration in the main menu.

2. In the left-hand pane that lists all the existing server configurations, click and select the server configuration type depending on the protocol you are going to use to exchange the data with the server.

   • FTP: choose this option to have WebStorm access the server via the FTP file transfer protocol.

   • SFTP: choose this option to have WebStorm access the server via the SFTP file transfer protocol.

   • FTPS: choose this option to have WebStorm access the server via the FTP file transfer protocol over SSL (the FTPS extension).

   • WebDAV: choose this option to have WebStorm access the server via the WebDAV file transfer protocol (the WebDAV extension).

   

3. In the Create New Server dialog that opens, type the name of the connection to the server and click OK. The Create New Server dialog closes and you return to the Connection tab of the Deployment node.

4. Click on the toolbar to mark the server as default.

5. Clear the Visible only for this project checkbox to enable reuse of this server access configuration in other projects.

2. Set up connection to the remote host and its server

In the Connection tab (Ctrl+Alt+S | Build, Execution, Deployment | Deployment), specify settings for the remote host access, files transfer parameters, and the web server configuration:

1. Specify the host address, port, and user credentials to access it. The required fields differ depending on the used protocol type.

   

   • SSH configuration: select one of the previously created SSH configurations from the list, or click and create a new configuration as described in Create SSH configurations.

   • Use Rsync for download/upload/sync: select the checkbox to have WebStorm use Rsync for uploading and downloading files, which can increase file transfer speeds.

     Click Rsync Settings to open the Rsync settings page and configure Rsync.

   

   • Host: specify the host name of the server to exchange data with.

   • Port: specify the port to which this server listens. The FTP/FTPS, the default value is 21. For WebDAV, the default value is 6180.

   • User name and Password: provide the user name and password specified during registration on the host.

     Select the Save password checkbox to store the password in WebStorm permanently (otherwise, it will only be stored until the IDE restart).

     Or, alternatively, select the Login as anonymous checkbox to enable anonymous authentication with the server and use email address as a password.

2. Set up connection to the remote host's web server:

   • Root path: specify the folder used as the remote directory root for browsing the remote file system and setting the server path mappings and excluded paths.

     Do one of the following:

     • Accept the default / path, which points at the root folder on the server.

     • Type the path manually or click and select the desired folder in the Choose Root Path dialog that opens.

     • Click Autodetect. WebStorm detects the user home folder settings on the FTP/SFTP server and sets up the root path according to them. The button is only enabled when you have specified your credentials.

   • Web server URL: specify the URL address configured for the folder specified in Root path. Both HTTP and HTTPS are supported.

     Click Browse in the right-hand corner of the field to open and check the provided web server URL.

3. (Optional) Expand the Advanced section to configure more settings as described in:

   • SFTP advanced settings

   • FTP and FTPS advanced settings

3. Map project folder to a server folder and URL path

In the Mappings tab (Ctrl+Alt+S | Build, Execution, Deployment | Deployment), specify:

1. Local path: the absolute path to the local project folder. WebStorm automatically fills out this field with the path to the currently opened project.

2. Deployment path: a folder under the server root where WebStorm will upload the contents of the project folder specified in the Local path field.

   If a folder with the specified name does not yet exist on the server, WebStorm will create it when you trigger project upload.

3. Web path: the URL path configured for the folder specified in Deployment path. You can use a slash (/) to point to the root folder, or leave the field blank if the directory is not accessible from the web.