Ako nainštalovať Visual Studio Code Cloud IDE na server Ubuntu 24.04

Tento návod existuje pre tieto verzie OS

  • Ubuntu 24.04 (Noble Numbat)
  • Ubuntu 20.04 (Focal Fossa)
  • Ubuntu 18.04 (Bionic Beaver)

Na tejto stránke

  1. Predpoklady
  2. Inštalácia kódového servera pomocou inštalačného skriptu
  3. Konfigurácia hesla kódového servera
  4. Nastavenie Nginx ako reverzného proxy
  5. Nastavenie UFW (Nekomplikovaný firewall)
  6. Zabezpečenie kódového servera pomocou HTTPS
  7. Prístup na kódový server
  8. Záver

Visual Studio Code Cloud IDE je online verzia obľúbeného editora Visual Studio Code (VS Code) od Microsoftu, ktorý je navrhnutý tak, aby poskytoval flexibilné a dostupné vývojové prostredie v cloude. Umožňuje vývojárom kódovať priamo z ich webových prehliadačov bez toho, aby museli čokoľvek inštalovať na svoje lokálne počítače. Toto cloudové IDE sa bezproblémovo integruje s GitHub a ďalšími cloudovými službami, čo umožňuje spoluprácu v reálnom čase, jednoduchý prístup k projektom z akéhokoľvek zariadenia a možnosť pracovať v distribuovaných prostrediach. S funkciami, ako je zvýrazňovanie syntaxe, ladenie a rozšírenia, ponúka Visual Studio Code Cloud IDE plnohodnotný vývojový zážitok, čo z neho robí pohodlné riešenie pre vývojárov, ktorí potrebujú výkonné, prenosné kódovacie prostredie, ku ktorému je možné pristupovať prakticky odkiaľkoľvek.

Táto príručka vám ukáže, ako nainštalovať Visual Code-Server na server Ubuntu 24.04 s Nginx ako reverzným proxy.

Predpoklady

Skôr ako začnete, uistite sa, že máte nasledujúce:

  • Server Ubuntu 24.05.
  • Používateľ bez oprávnenia root s oprávneniami správcu.
  • Názov domény smerujúci na IP adresu servera.

Inštalácia kódového servera pomocou inštalačného skriptu

Ak chcete nainštalovať kódový server, môžete si stiahnuť a spustiť inštalačný skript kódového servera. V tomto príklade budete inštalovať kódový server ako užívateľ typu non-root. Uistite sa teda, že ste sa prihlásili k svojmu používateľovi.

Najprv spustite príkaz uvedený nižšie, aby ste sa uistili, že kódový server je možné nainštalovať do vášho systému.

curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run

Keď je vo vašom systéme nainštalovaný kódový server, uvidíte nasledujúci výstup:

Teraz nainštalujte kódový server pomocou príkazu nižšie. Na výzvu zadajte svoje sudo/administrátorské heslo.

curl -fsSL https://code-server.dev/install.sh | sh

Po dokončení inštalácie spustite a povoľte kódový server pomocou nasledujúceho príkazu 'systemctl'.

sudo systemctl enable --now code-server@$USER

Nakoniec skontrolujte službu kódového servera pomocou nasledujúceho, aby ste sa uistili, že služba beží.

sudo systemctl status code-server@$USER

V tomto výstupe môžete vidieť, že je spustený kódový server, ktorý beží na predvolenom porte 8080.

Konfigurácia hesla kódového servera

Po nainštalovaní kódového servera nastavíte autentifikáciu heslom na zabezpečenie prostredia kódového servera.

Otvorte predvolený konfiguračný súbor kódového servera ~/.config/code-server/config.yaml pomocou editora 'nano'.

nano ~/.config/code-server/config.yaml

Zmeňte predvolené heslo pomocou svojho zabezpečeného hesla.

bind-addr: 127.0.0.1:8080
auth: password
password: 0e0cb3af923c659366334664
cert: false

Uložte súbor a ukončite editor.

Teraz spustite príkaz uvedený nižšie, aby ste reštartovali kódový server a použili svoje zmeny.

sudo systemctl restart code-server@$USER

Nastavenie Nginx ako reverzného proxy

Teraz, keď máte zabezpečený kódový server, nainštalujete Nginx a nakonfigurujete ho ako reverzný proxy. Uistite sa teda, že názov vašej domény ukazuje na IP adresu servera.

Nainštalujte webový server Nginx pomocou nasledujúceho príkazu 'apt'. Zadajte „Y“ na potvrdenie inštalácie.

sudo apt install nginx -y

Po dokončení inštalácie vytvorte novú konfiguráciu bloku servera '/etc/nginx/sites-available/code-server.conf' pomocou editora 'nano'.

sudo nano /etc/nginx/sites-available/code-server.conf

Do súboru vložte nasledujúcu konfiguráciu a nezabudnite zmeniť názov domény 'code.howtoforge.local'.

server {
listen 80;
listen [::]:80;
server_name code.howtoforge.local;
location / {
proxy_pass http://localhost:8080/;
proxy_set_header Host $http_host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
}

Po dokončení uložte súbor a ukončite editor.

Potom spustite nasledujúci príkaz, aby ste aktivovali blok servera 'code-server.conf' a overili konfiguráciu Nginx.

sudo ln -s /etc/nginx/sites-available/code-server.conf /etc/nginx/sites-enabled/
sudo nginx -t

Ak máte pravdu a máte správnu konfiguráciu Nginx, zobrazí sa výstup „syntax je v poriadku – test je úspešný“.

Teraz spustite príkaz uvedený nižšie, aby ste reštartovali webový server Nginx a použili zmeny. Potom skontrolujte stav Nginx, aby ste sa uistili, že webový server beží.

sudo systemctl restart nginx
sudo systemctl status nginx

V nasledujúcom výstupe môžete vidieť, že webový server Nginx beží ako reverzný proxy pre aplikáciu kódového servera.

Nastavenie UFW (Nekomplikovaný firewall)

Ak chcete povoliť prístup ku kódovému serveru, musíte otvoriť porty HTTP aj HTTPS cez UFW (Uncomplicated Firewall).

Spustite príkaz nižšie, aby ste povolili profil „Nginx Full“ a povolili prenos HTTP a HTTPS do vašej inštalácie Nginx. Po pridaní sa zobrazí výstup „Pridané pravidlo“.

sudo ufw allow 'Nginx Full'

Teraz spustite nasledujúci príkaz na kontrolu stavu UFW. Uistite sa, že profil „Nginx Full“ je povolený, aby bol povolený prístup odkiaľkoľvek.

sudo ufw status

Zabezpečenie kódového servera pomocou HTTPS

V tejto časti zabezpečíte kódový server pomocou HTTPS vygenerovaním certifikátov SSL/TLS prostredníctvom certbot a letsencrypt.

Nainštalujte balíky 'certbot' a 'python3-certbot-nginx' pomocou nasledujúceho príkazu 'apt'.

sudo apt install certbot python3-certbot-nginx

Po dokončení inštalácie spustite nižšie uvedený príkaz „certbot“, aby ste vygenerovali certifikáty SSL/TLS a zabezpečili inštaláciu kódového servera. Nezabudnite zmeniť názov domény a e-mailovú adresu s vašimi informáciami.

sudo certbot --nginx --agree-tos --redirect --hsts --staple-ocsp --email [email  -d code.howtoforge.local

Po dokončení procesu bude vaša inštalácia kódového servera automaticky zabezpečená pomocou HTTPS. A vaše certifikáty SSL/TLS budú dostupné v adresári '/etc/letsencrypt/live/code.howtoforge.local'.

Prístup na kódový server

Otvorte svoj webový prehliadač a navštívte stránku https://code.howtoforge.local. Ak je inštalácia úspešná, zobrazí sa výzva na overenie hesla.

Zadajte svoje heslo a kliknutím na tlačidlo ODOSLAŤ potvrďte.

Ak máte správne heslo, zobrazí sa nasledujúca obrazovka kódového servera. Vyberte predvolený motív, svetlý alebo tmavý.

Teraz získate nasledujúci živý kódový server vo svojom webovom prehliadači.

Záver

Gratulujem! Dokončili ste inštaláciu kódového servera VS na server Ubuntu 24.04. Nainštalovali ste a zabezpečili kódový server s overením hesla a HTTPS a nakonfigurovali ste Nginx ako reverzný proxy pre inštaláciu kódového servera.