Configuring Web IDEs
By default, Coder workspaces allow connections via:
- Web terminal
- SSH (plus any SSH-compatible IDE)
It's common to also let developers to connect via web IDEs.
In Coder, web IDEs are defined as coder_app resources in the template. With our generic model, any web application can be used as a Coder application. For example:
# Give template users the portainer.io web UI
resource "coder_app" "portainer" {
agent_id = coder_agent.dev.id
name = "portainer"
icon = "https://simpleicons.org/icons/portainer.svg"
url = "http://localhost:8000"
relative_path = true
}
code-server
code-server is our supported method of running VS Code in the web browser. A simple way to install code-server in Linux/MacOS workspaces is via the Coder agent in your template:
# edit your template
cd your-template/
vim main.tf
resource "coder_agent" "dev" {
arch = "amd64"
os = "linux"
startup_script = <<EOF
#!/bin/sh
# install and start code-server
curl -fsSL https://code-server.dev/install.sh | sh
code-server --auth none --port 13337
EOF
}
For advanced use, we recommend installing code-server in your VM snapshot or container image. Here's a Dockerfile which leverages some special code-server features:
FROM codercom/enterprise-base:ubuntu
# install a specific code-server version
RUN curl -fsSL https://code-server.dev/install.sh | sh -s -- --version=4.3.0
# pre-install versions
RUN code-server --install-extension eamodio.gitlens
# directly start code-server with the agent's startup_script (see above),
# or use a proccess manager like supervisord
You'll also need to specify a coder_app
resource related to the agent. This is how code-server is displayed on the workspace page.
resource "coder_app" "code-server" {
agent_id = coder_agent.dev.id
name = "code-server"
url = "http://localhost:13337/?folder=/home/coder"
icon = "/icon/code.svg"
}
If the `code-server` integrated terminal fails to load, (i.e., xterm fails to load), go to DevTools to ensure xterm is loaded, clear your browser cache and refresh.
VNC Desktop
You may want a full desktop environment to develop with/preview specialized software.
Workspace requirements:
Installation instructions will vary depending on your workspace's operating system, platform, and build system.
Coder-provided VNC clients are on the roadmap (#2106).
As a starting point, see the desktop-container community template. It builds & provisions a Dockerized workspace with the following software:
- Ubuntu 20.04
- TigerVNC server
- noVNC client
- XFCE Desktop
JetBrains Projector
JetBrains Projector is a JetBrains Incubator project which renders JetBrains IDEs in the web browser.
It is common to see latency and performance issues with Projector. We recommend using Jetbrains Gateway whenever possible (also no Template edits required!)
Workspace requirements:
- JetBrains server
- IDE (e.g IntelliJ IDEA, pyCharm)
Installation instructions will vary depending on your workspace's operating system, platform, and build system.
As a starting point, see the projector-container community template. It builds & provisions a Dockerized workspaces for the following IDEs:
- CLion
- pyCharm
- DataGrip
- IntelliJ IDEA Community
- IntelliJ IDEA Ultimate
- PhpStorm
- pyCharm Community
- PyCharm Professional
- Rider
- Rubymine
- WebStorm
- ➕ code-server (just in case!)
JupyterLab
Configure your agent and coder_app
like so to use Jupyter:
data "coder_workspace" "me" {}
## The name of the app must always be equal to the "/apps/<name>"
## string in the base_url. This caveat is unique to Jupyter.
resource "coder_agent" "coder" {
os = "linux"
arch = "amd64"
dir = "/home/coder"
startup_script = <<-EOF
pip3 install jupyterlab
jupyter lab --ServerApp.base_url=/@${data.coder_workspace.me.owner}/${data.coder_workspace.me.name}/apps/jupyter/ --ServerApp.token='' --ip='*'
EOF
}
resource "coder_app" "jupyter" {
agent_id = coder_agent.coder.id
url = "http://localhost:8888/@${data.coder_workspace.me.owner}/${data.coder_workspace.me.name}/apps/jupyter"
icon = "/icon/jupyter.svg"
}
SSH Fallback
Certain Web IDEs don't support URL base path adjustment and thus can't be exposed with
coder_app
. In these cases you can use SSH.
RStudio
resource "coder_agent" "coder" {
os = "linux"
arch = "amd64"
dir = "/home/coder"
startup_script = <<EOT
#!/bin/bash
# start rstudio
/usr/lib/rstudio-server/bin/rserver --server-daemonize=1 --auth-none=1 &
EOT
}
From your local machine, start port forwarding and then open the IDE on http://localhost:8787.
ssh -L 8787:localhost:8787 coder.<RStudio workspace name>
Check out this RStudio Dockerfile for a starting point to creating a template.
Airflow
resource "coder_agent" "coder" {
os = "linux"
arch = "amd64"
dir = "/home/coder"
startup_script = <<EOT
#!/bin/bash
# install and start airflow
pip3 install apache-airflow 2>&1 | tee airflow-install.log
/home/coder/.local/bin/airflow standalone 2>&1 | tee airflow-run.log &
EOT
}
From your local machine, start port forwarding and then open the IDE on http://localhost:8080.
ssh -L 8080:localhost:8080 coder.<Airflow workspace name>