Konfigurasi code-server Cloud IDE Platform (VSCode di Browser)
BELAJARLINUX.info - Berkembangnya teknologi cloud ternyata memberi pengaruh juga terhadap lingkungan pengembangan program atau yang kita kenal dengan istilah IDE (Integrated Development Environment). IDE yang biasa kita kenal hanya bisa berjalan di lokal komputer kita, dengan kemajuan teknologi muncul IDE Cloud. IDE Cloud memungkinkan kolaborasi yang realtime antara tim pengembang untuk bekerja dalam lingkungan pengembangan terpadu, sehingga produktivitas developer pun akan meningkat.
Pernah terpikirkan untuk menjalankan VS Code melalu web browser tanpa perlu menginstall VS Code di Komputer kita? Kita bisa menggunakan code-server yang berfungsi sebagai Cloud IDE Platform. code-server adalah Microsoft Visual Studio Code yang berjalan di server dan dapat diakses langsung dari browser Anda.
Banyak keuntungan ketika kita menggunakan code-server :
- Bisa melakukan ‘coding’ pada perangkat apa pun dengan lingkungan pengembangan yang konsisten
- Proses komputasi akan menggunakan sumber daya dari remote server, sehingga device kita tidak perlu memiliki spesifikasi yang tinggi karena cukup gunakan web browser
- Hemat baterai dan internet data - karena semua tugas intensif CPU dan RAM berjalan di remote mesin.
- Source Code lebih aman karena lingkungan development menjadi terpusat karena tidak perlu menyimpan source code di banyak perangkat.
- code-server memiliki lisensi Open source dan bisa secara bebas kita gunakan
Instalasi dengan Docker
Untuk uji coba, cara paling mudah bisa menggunakan docker-compose namun akses file akan terbatas hanya di container tersebut.
# Create a directory for the project
mkdir code-server
# Navigate into the directory
cd code-server
# Create a docker compose yaml file
touch docker-compose.yml
# Create a directory to store container config
mkdir config
# Get the UID and GID of the user to run the container
echo $(id -u) # UID
echo $(id -g) # GID
# Paste the below content into the docker-compose.yaml file
---
version: "2.1"
services:
code-server:
image: lscr.io/linuxserver/code-server
container_name: code-server
environment:
- PUID=1000 # Use the UID from the command mentioned above
- PGID=100 # Use the GID from the command mentioned above
- TZ=Asia/Jakarta # Time Zone
- PASSWORD=p4ssword # Login password for the Web UI
- SUDO_PASSWORD=p4ssword # (Optional)
volumes:
- /home/farkhan/Tutorial/code-server:/config # Volume mount for the container config files (Replace the path with the path on your host)
ports:
- 8443:8443 # Port mapping for the container in the format <host-port>:<container-port>. You can choose the <host-port> as per your convenience
restart: unless-stopped # Keep the container running unless manually stopped
Browse ke alamat ‘http://IP_ADDRESS:8443’ untuk mengakses code-server.
Instalasi ke Host secara langsung
Untuk penggunaan yang serius, Saya sarankan untuk instalasi ke host secara langsung dengan menggunakan install script :
farkhan@linuxbox:~$ curl -fsSL https://code-server.dev/install.sh | sh
Linux Mint 21
Installing v4.8.3 of the amd64 deb package from GitHub.
+ mkdir -p ~/.cache/code-server
+ curl -#fL -o ~/.cache/code-server/code-server_4.8.3_amd64.deb.incomplete -C - https://github.com/coder/code-server/releases/download/v4.8.3/code-server_4.8.3_amd64.deb
######################################################################## 100,0%
+ mv ~/.cache/code-server/code-server_4.8.3_amd64.deb.incomplete ~/.cache/code-server/code-server_4.8.3_amd64.deb
+ sudo dpkg -i ~/.cache/code-server/code-server_4.8.3_amd64.deb
[sudo] password for farkhan:
Selecting previously unselected package code-server.
(Reading database ... 411940 files and directories currently installed.)
Preparing to unpack .../code-server_4.8.3_amd64.deb ...
Unpacking code-server (4.8.3) ...
Setting up code-server (4.8.3) ...
deb package has been installed.
To have systemd start code-server now and restart on boot:
sudo systemctl enable --now code-server@$USER
Or, if you don't want/need a background service you can run:
code-server
Setelah selesai, skrip diatas akan menampilkan panduan untuk menjalankan dan memulai code-server. Kita perlu membuat service untuk memulai code-server secara otomatis setiap perangkat di hidupkan.
sudo systemctl start code-server@$USER
sudo systemctl enable --now code-server@$USER
Buka file konfigurasi untuk setting ip dan password untuk masuk ke code-server
nano ~/.config/code-server/config.yaml
kemudian simpan file konfigurasi.
Sekarang, buka browser dan isikan alamat IP server tempat code-server diinstal dan isikan password yang ada di config.yml
Silakan coba open folder project yang kita miliki untuk di buka di vscode/code-server
Whatsapp