3.2 KiB
stage | group | info |
---|---|---|
Create | IDE | To determine the technical writer assigned to the Stage/Group associated with this page, see https://about.gitlab.com/handbook/product/ux/technical-writing/#assignments |
Tutorial: Connect a remote machine to the Web IDE (FREE)
This tutorial shows you how to:
- Create a development environment outside of GitLab.
- Connect a remote machine to the Web IDE.
To connect a remote machine to the Web IDE, you must:
Prerequisites
- A remote virtual machine with root access
- A domain address resolving to that machine
- Docker installation
Generate Let's Encrypt certificates
To generate Let's Encrypt certificates:
-
Create an
A
record to point a domain to your remote machine (for example, fromexample.remote.gitlab.dev
to1.2.3.4
). -
Install Certbot to enable HTTPS:
sudo apt-get update sudo apt-get install certbot
-
Generate the certificates:
export EMAIL="YOUR_EMAIL@example.com" export DOMAIN="example.remote.gitlab.dev" certbot -d "${DOMAIN}" \ -m "${EMAIL}" \ --config-dir ~/.certbot/config \ --logs-dir ~/.certbot/logs \ --work-dir ~/.certbot/work \ --manual \ --preferred-challenges dns certonly
Connect a development environment to the Web IDE
To connect a development environment to the Web IDE:
-
Create a development environment:
export CERTS_DIR="/home/ubuntu/.certbot/config/live/${DOMAIN}" export PROJECTS_DIR="/home/ubuntu" docker run -d \ --name my-environment \ -p 3443:3443 \ -v "${CERTS_DIR}/fullchain.pem:/gitlab-rd-web-ide/certs/fullchain.pem" \ -v "${CERTS_DIR}/privkey.pem:/gitlab-rd-web-ide/certs/privkey.pem" \ -v "${PROJECTS_DIR}:/projects" \ registry.gitlab.com/gitlab-org/remote-development/gitlab-rd-web-ide-docker:0.2-alpha \ --log-level warn --domain "${DOMAIN}" --ignore-version-mismatch
The new development environment starts automatically.
-
Fetch a token:
docker exec my-environment cat TOKEN
Configure a remote connection
To configure a remote connection from the Web IDE:
- Open the Web IDE.
- On the menu bar, select View > Terminal or press Control+`.
- In the terminal panel, select Configure a remote connection.
- Enter the URL for the remote host including the port (for example,
yourdomain.com:3443
). - Enter the project path.
- Enter the token you've fetched.
Alternatively, you can pass the parameters from a URL and connect directly to the Web IDE:
-
Run this command:
echo "https://gitlab-org.gitlab.io/gitlab-web-ide?remoteHost=${DOMAIN}:3443&hostPath=/projects"
-
Go to that URL and enter the token you've fetched.
You've done it! Your development environment now runs as a remote host that's connected to the Web IDE.