Code-server adalah Visual Studio (VS) Code yang dapat dijalankan secara remote di server dan dapat diakses melalui web browser. Ini memungkinkan Anda untuk membuat dan memiliki lingkungan pengembangan yang konsisten yang dapat diakses kapan saja dan di mana saja.
Dalam tutorial ini, kami akan menunjukkan cara menginstal Code-server dengan Nginx sebagai reverse proxy dan SSL Letsencrypt pada Server Ubuntu 20.04 terbaru.
Prasyarat
Untuk panduan ini, kami akan menginstal Visual Code Server di server Ubuntu 20.04 dengan RAM 4GB, ruang disk kosong 25GB, dan 2CPU.
Apa yang akan kami lakukan:
- Unduh dan Instal Paket Server Kode Visual
- Mengatur Otentikasi untuk Server Kode Visual
- Buat SSL Letsnecrypt
- Instal dan Konfigurasi Nginx sebagai Proxy Terbalik
- Pengujian
Langkah 1 - Unduh dan Instal Paket Server Kode Visual
Pertama, kita akan mendownload Visual Code Server versi terbaru untuk Ubuntu FocalFossa dan menginstalnya di sistem kita.
Secara default, paket server kode tersedia untuk beberapa sistem operasi. Anda dapat memeriksa halaman rilis server kode di GitHub menggunakan tautan berikut.
https://github.com/cdr/code-server/releases
Sekarang unduh paket Visual Code Server untuk Ubuntu menggunakan perintah wget di bawah ini.
wget -q https://github.com/cdr/code-server/releases/download/3.4.1/code-server_3.4.1_amd64.deb
Setelah itu, instal paket server kode visual menggunakan perintah dpkg di bawah ini.
sudo dpkg -i code-server_3.4.1_amd64.deb
Setelah penginstalan selesai, mulai layanan server kode dan tambahkan ke boot sistem.
systemctl --user start code-server
systemctl --user enable code-server
Visual Code Server aktif dan berjalan, periksa menggunakan perintah berikut.
ss -plnt
systemctl --user status code-server
Di bawah ini adalah hasil yang akan Anda dapatkan.
Seperti yang dapat dilihat, Server Kode Visual berjalan secara default pada alamat IP lokal '127.0.0.1' dengan port TCP '8080'.
Langkah 2 - Siapkan Otentikasi untuk Server Kode Visual
Secara default, server kode visual berjalan dengan otentikasi diaktifkan di dalamnya.
Otentikasi kata sandi server kode visual secara default dibuat ke file '~/.config/code-server/config.yaml'.
Periksa konfigurasi server kode visual menggunakan perintah berikut.
cat ~/.config/code-server/config.yaml
Anda akan mendapatkan konfigurasi seperti ini.
bind-addr: 127.0.0.1:8080
auth: password
password: 58403006a03529a2d26c08af
cert: false
Konfigurasi detail:
- 'bind-addr' adalah opsi yang digunakan untuk menentukan alamat IP dan port mana yang akan dijalankan oleh Server Kode.
- Opsi 'auth' sebagai metode otentikasi untuk Visual Code Server, dan secara default, ini menggunakan metode otentikasi 'password'.
- Opsi 'kata sandi' digunakan untuk menentukan kata sandi Anda untuk akses Server Kode Visual, dan pastikan untuk menggunakan kata sandi yang kuat.
Untuk mengubah alamat pengikatan, port, dan kata sandi untuk Visual Code Server, ubah konfigurasi default '~/.config/code-server/config.yaml' sesuai kebutuhan.
Langkah 3 - Buat SSL Letsencrypt
Pada langkah ini, kita akan membuat SSL letsencrypt menggunakan alat certbot untuk mengamankan server kode.
Instal alat certbot menggunakan perintah apt di bawah ini.
sudo apt install certbot -y
Setelah instalasi selesai, buat SSL letsencrypt menggunakan perintah certbot di bawah ini.
certbot certonly --standalone --agree-tos -m [email protected] -d vscode.hakase-labs.io
Setelah selesai, sertifikat Anda akan ditempatkan di direktori '/etc/letsencrypt/live/vscode.hakase-labs.io/'.
ls -lah /etc/letsencrypt/live/vscode.hakase-labs.io/
Sekarang Anda telah membuat SSL Letsencrypt untuk mengamankan instalasi kode-server menggunakan alat certbot.
Langkah 4 - Siapkan Nginx sebagai Proxy Terbalik
Pada langkah ini, kita akan menginstal server web Nginx dan mengaturnya sebagai proxy terbalik untuk server kode dengan SSL diaktifkan di atasnya.
Instal paket Nginx menggunakan perintah apt di bawah ini.
sudo apt install nginx -y
Setelah penginstalan selesai, buka direktori '/etc/nginx/sites-available' dan buat konfigurasi host virtual baru 'code-server'.
cd /etc/nginx/sites-available/
vim code-server
Sekarang ubah nama domain dan jalur SSL dengan milik Anda dan rekatkan konfigurasi ke dalamnya.
server {
listen 80;
server_name vscode.hakase-labs.io;
# enforce https
return 301 https://$server_name:443$request_uri;
}
server {
listen 443 ssl http2;
server_name vscode.hakase-labs.io;
ssl_certificate /etc/letsencrypt/live/vscode.hakase-labs.io/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/vscode.hakase-labs.io/privkey.pem;
location / {
proxy_pass http://127.0.0.1:8080/;
proxy_set_header Host $host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
} Simpan dan tutup.
Sekarang aktifkan virtual host 'code-server', uji konfigurasi nginx dan pastikan tidak ada kesalahan.
ln -s /etc/nginx/sites-available/code-server /etc/nginx/sites-enabled/
nginx -t
Setelah itu, restart layanan nginx dan tambahkan ke boot sistem.
systemctl restart nginx
systemctl enable nginx
Sekarang layanan Nginx aktif dan berjalan sebagai proxy terbalik untuk server kode. Periksa dengan menggunakan perintah di bawah ini.
netstat -plntu
systemctl status nginx
Dan Anda akan mendapatkan hasil seperti di bawah ini.
Layanan Nginx aktif dan berjalan di server Ubuntu 20.04 dengan port HTTP dan HTTPS diaktifkan di atasnya.
Langkah 5 - Pengujian
Buka browser web Anda dan ketik URL penginstalan server kode Anda.
https://vscode.hakase-labs.io/
Masuk dengan kata sandi Anda yang telah Anda konfigurasikan di file layanan server kode.
Setelah kata sandi benar, Anda akan mendapatkan editor VS Code di browser web Anda seperti di bawah ini.
Hasilnya, Anda telah menginstal server kode di server Ubuntu 20.04 dengan Nginx sebagai proxy terbalik dan mengamankan instalasi kode-server dengan SSL Letsencrypt.