Connect and work with JetBrains Gateway

Launch JetBrains Gateway and connect to a remote server

1. Download and install the JetBrains Gateway app.

   Alternatively, you can access JetBrains Gateway from the welcome screen of your IDE through the Remote Development option.

2. In the Remote Development wizard, click New Connection under the SSH Connection provider.

   

3. On the next page of the wizard, specify the SSH configuration through which you want to connect to a remote server.

   

   Alternatively, click to open the SSH Configurations dialog and configure the SSH settings.

   In the SSH Configurations dialog, add the following information:

   

   • Host: specify the address of your remote server.

   • Port: specify the SSH port, which defaults to 22.

   • Local port: specify the outgoing port.

     For example, TCP 10.101.0.1:50705->13.49.137.87:22 (ESTABLISHED).

   • User name: specify the name of a user that will be used to connect to the remote server.

   • Authentication type: select one of the following authentication methods:

     • Password: to access the host with a password. To save the password in PhpStorm, select the Save password checkbox.

     • Key pair (OpenSSH or PuTTY): to use SSH authentication with a key pair. To apply this authentication method, you must have a private key on the client machine and a public key on the remote server. PhpStorm supports private keys that are generated with the OpenSSH utility.

       Specify the path to the file where your private key is stored and type the passphrase (if any) in the corresponding fields. To have PhpStorm remember the passphrase, select the Save passphrase checkbox.

     • Parse config file ~/.ssh/config: select this option if you want JetBrains Gateway to use the .ssh/config file.

   • Test Connection: click this button to see whether the connection is established.

   • Connection Parameters: use this section to configure additional parameters for the connection.

   • HTTP/SOCKS Proxy: use this section to configure proxy settings. For more information, refer to Proxy settings.

   Click OK to save the changes and return to the Welcome to JetBrains Gateway dialog.

   Click Check Connection and Continue to check whether the connection is established.

4. On the next page, specify the PhpStorm version to download to the remote server. JetBrains Gateway displays a list of the IDEs versions that are available for downloading and the already installed ones.

   You can also use "Other options" for setting the alternative sources of IDE installers.

   The version of JetBrains Client downloaded to your local machine always matches the remote IDE version.

By default, the downloaded PhpStorm is located in the following folder on the remote server: ~/.cache/JetBrains/RemoteDev/dist. However, you can change it and install PhpStorm into a custom location with the following steps:

1. Click Other options and select the Customize install path option.

2. In the Install path field add the needed location for the installation.

Add the path to your project on the remote host.

Click Upload IDE and Connect.

JetBrains Gateway downloads the IDE, and opens your remote project in JetBrains Client. The connection is shown in the JetBrains Gateway window, from which you can connect to other IDEs or disable the connection. This window is hidden to tray by default.

Open recent projects

1. In the JetBrains Gateway wizard, select SSH from the options on the left.

2. In the search field enter the name of your project to quickly navigate to it.

   

   If you need to quickly access the terminal, click .

Stop the running instance

1. In the JetBrains Gateway wizard, select SSH from the options on the left.

2. When your remote session is active, the Running indicator is displayed next to the project.

   

   Click next to the project and select Stop Instance to stop the remote session for that project.

   

   You can also select Remove from Recent Projects to remove the project listed on the page altogether.

Uninstall the backend IDE version

1. In the JetBrains Gateway wizard, click against the name of the remote server to open the list of installed IDE versions.

   

2. In the window that opens, click against the backend IDE version you need to uninstall and click Yes to confirm the action.

1. Start a backend project in the remote IDE.

2. Select one of the connection links generated by the backend.

3. Open the link on your local machine.

Connect to remote IDE

1. Ensure you have or an IDE with this bundled plugin on your local machine.

2. Ensure you have an SSH connection to the remote machine and the PhpStorm IDE on it.

3. In the remote server's terminal, run the following command:

   remote-dev-server.sh run /path_to_project/ --ssh-link-host host_server_address --ssh-link-user remote_side_user --ssh-link-port ssh_connection_port

   See example:

   If you don't pass the parameters, the script will use the default ones: 22 for port, system user's username, and host from the hostname command.

   ~/.cache/JetBrains/RemoteDev/dist/f8a03266ddbb1_PhpStorm-213.5744.147/bin/remote-dev-server.sh run ~/PhpstormProjects/phpstorm-workshop/ --ssh-link-host ec2-13-50-136-85.eu-north-1.compute.amazonaws.com

4. If the project starts successfully, as an output, you should receive the following 3 links inside terminal:

   • Join link: tcp://127.0.0.1:5990...[ ]: contains the local address and port where the remote IDE is listening now.

     To use it, ensure the remote machine should be accessible by this local address. For example, for inside-Docker IDE with forwarded/open ports.

   • Http link: https://code-with-me.jetbrains.com/remoteDev...[ ]: contains information about your host-port-user, the IDE and its version.

     When opening in your local browser, it displays a welcome page and tries to call the local Gateway application with pre-filled connection settings values.

     If no JetBrains Gateway application is found on the local machine, you'll be able to download it from the welcome page.

   • Gateway link: jetbrains-gateway://connect#idePath... [ ]: also contains information about your host-port-user, IDE and its version.

     When opening in your local browser, it launches the local JetBrains Gateway application directly without a welcome page.

5. Copy the generated link and paste it into your local browser and allow it to launch Open JetBrains Gateway.

6. All these links can be also opened in the already launched JetBrains Gateway.

   For this, on the JetBrains Gateway welcome screen, paste a link in the Connect to a Running IDE field, click Connect.

   PhpStorm downloads the required version of JetBrains Client and opens the remote project inside it.

Registering previously installed remote IDE

Since version 221.5481, you can manually register an existing backend IDE on the remote server and make it visible for the Gateway.

To register the installed IDE and make it appear in the list of available builds follow these steps:

1. Enter remote server by SSH

2. Locate the folder with unpacked IDE, enter bin folder

3. In the command line, execute the following command:

   remote-dev-server.sh registerBackendLocationForGateway

   For example,

   sh WebStorm-221.5591.52/bin/remote-dev-server.sh registerBackendLocationForGateway

Connect to your workspace on Gitpod

1. Launch JetBrains Gateway.

2. Select Remote Development from the options on the left.

3. In the Install More Providers section, locate Gitpod and click Install Plugin.

   The installed plugin is added and you can locate it under the Remote Development node as well as in the Install More Providers section.

4. After the plugin installation, from the options on the right, locate Gitpod and click Connect to Gitpod. .

5. In the window that opens, select the IDE with which you want to work.

6. Click New Workspace.

   JetBrains Gateway connects you to your Gitpod workspace in browser. Gitpod prepares the workspace and displays a notification about opening the workspace inside JetBrains Client.

   Click Allow and then Yes in the authentication dialog.

   The connection is established and the workspace with the project is opened in JetBrains Client where you can work further inside the IDE.

   The created workspace is added to the Recent workspaces section. If you have existing workspaces they are added to the list of recent workspaces and you can connect to them at any time by clicking Connect against the needed workspace.

Connect to your workstation in Google Cloud

1. Launch JetBrains Gateway.

2. Select Remote Development from the options on the left.

3. In the Install More Providers section, locate Cloud Workstations and click Install Plugin.

   

   The installed plugin is added and you can locate it under the Remote Development node as well as in the Install More Providers section.

4. After the plugin installation, from the options on the right, locate Cloud Workstation and click Connect to Google Cloud.

5. In the window that opens, select a workstation with which you want to work and click Next.

   

6. On the next page, select the IDE version that you have chosen as your code provider in your configuration file and a project with which you want to work.

   

   The connection is established and the workstation with the project is opened in JetBrains Client where you can work further inside the IDE.

Install a plugin via the command line

If you manually configure PhpStorm on the remote server, use the following steps to add plugins:

1. From the JetBrains Marketplace page, find a page of the required plugin, select the Versions tab, and click any version to copy pluginId (short name such as NodeJS) of the plugin you want to install.

2. Open the remote server, go to the PhpStorm instance where your project resides, and for which you want to download and install a third-party plugin.

   By default, the downloaded PhpStorm instances are located in the following directory:

   ~/.cache/JetBrains/RemoteDev/dist

3. Add the following command:

   bin/remote-dev-server.sh installPlugins PROJECT_PATH pluginId

   (where PROJECT_PATH is a path to your remote project and pluginId is an ID you got from the JetBrains Marketplace page.)

   After the installation, unpack the downloaded plugin's archive.

   By default, the installed plugin is placed into the following folder on the backend:

   ~/.cache/JetBrains/RemoteDev-IU/PROJECT_PATH/plugins/

4. Continue with launching JetBrains Gateway and opening the remote project with the remotely installed plugin.

Install a plugin via UI

If you use JetBrains Gateway to download PhpStorm to a remote server, use the following steps to install plugins.

1. Open a remote project in JetBrains Client.

2. Press Ctrl+Alt+S to open the IDE settings and select Plugins On Host.

3. Download the needed plugin the same way as you would in a regular PhpStorm project.

   

   For more information on regular plugin installation, refer to Install plugins.

4. After you download and enable the plugin, click OK to save the changes.

   The plugin is installed remotely. However, keep in mind that the plugin is installed per project.