In a remote server configuration, the server runs on another computer (a remote host). To access files on the remote server, use FTP/SFTP/FTPS/WebDAV protocols.
To create a remote server configuration in WebStorm, you need to:
Authenticate with the remote host and set up connection between the web server installed on it and WebStorm.
Configure mapping between the WebStorm project and the project folder on the host and its corresponding URL path.
Press Ctrl+Alt+S to open settings and then select .
Alternatively, go to in the main menu.
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).
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.
Click on the toolbar to mark the server as default.
Clear the Visible only for this project checkbox to enable reuse of this server access configuration in other projects.
The server configuration settings are stored in the .idea directory together with the project, which allows sharing them between team members through a VCS.
In the tab (Ctrl+Alt+S ), specify settings for the remote host access, files transfer parameters, and the web server configuration:
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.
Username 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.
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.
(Optional) Expand the Advanced section to configure more settings as described in:
In the tab (Ctrl+Alt+S ), specify:
Local path: the absolute path to the local project folder. WebStorm automatically fills out this field with the path to the currently opened project.
Deployment path: a folder under the server root where WebStorm will upload the contents of the project folder specified in the Local path field.
Deployment path is relative to the Root path specified in the Connection tab.
If a folder with the specified name does not yet exist on the server, WebStorm will create it when you trigger project upload.
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.
Web path is relative to the Web server URL specified in the Connection tab.
There are cases when you might want to add several mappings per project. For example, you can overwrite the destination folder on the server for a specific nested-folder in the WebStorm project by adding a separate mapping for it:
In this case, Users/barbara/WS/deployment_demo/nested_folder will be uploaded to /root/work/nested_folder on the server, while all other folders and files from /deployment_demo will still map to /root/work/my_site.
Now that you have the server configuration added, you can access the server's files and folders in the Remote Host tool window. Go to in the main menu, and in the tool window that opens, select the configured server from the drop-down list.
Last modified: 11 October 2024
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4