Konfigurowanie serwera kodu opartego na sieci Web w systemie Linux: przewodnik krok po kroku

Szukasz sposobu na kodowanie z praktycznie dowolnego miejsca bez konieczności noszenia ze sobą laptopa? Rozważ użycie code-server, solidnej aplikacji hostowanej samodzielnie, która przenosi pełną moc Visual Studio Code bezpośrednio do przeglądarki internetowej. Konfigurując code-server na serwerze domowego laboratorium, możesz cieszyć się płynnym doświadczeniem programistycznym, które zapewnia zarówno dostępność, jak i kontrolę nad kodem i danymi, eliminując potrzebę korzystania z zewnętrznych środowisk IDE w chmurze.

Zrozumienie serwera kodu i korzyści z samodzielnego hostingu

Code-server obsługuje VS Code na zdalnym serwerze, umożliwiając dostęp do niego za pośrednictwem dowolnej przeglądarki internetowej. Jego funkcjonalność odzwierciedla wersję na komputery stacjonarne, obsługując funkcje takie jak automatyczne uzupełnianie, debugowanie, integrację z Git i szereg rozszerzeń. Ta konfiguracja jest szczególnie korzystna dla urządzeń o niskim poborze mocy, w tym tabletów i Chromebooków, ponieważ wszystkie zadania obliczeniowe są wykonywane na serwerze, utrzymując spójne środowisko dostępne z dowolnej lokalizacji.

Samodzielne hostowanie tej aplikacji oferuje kilka kluczowych korzyści: zyskujesz niezrównaną kontrolę nad środowiskiem programistycznym, większą prywatność i elastyczność w dostosowywaniu różnych funkcji, w tym korzystania z domeny osobistej, włączania protokołu HTTPS i zarządzania dostępem użytkowników, jednocześnie skalując zasoby obliczeniowe według potrzeb.

Na początek sprawdź tę przydatną ściągę!

Instalowanie Code-Server w systemie Linux

Konfiguracja serwera kodu jest prosta, gdy do procesu instalacji wykorzystujesz Dockera.

Najpierw pobierz oficjalny obraz serwera kodu z Docker Hub za pomocą następującego polecenia:

sudo docker pull codercom/code-server

To polecenie zapewnia, że przed przystąpieniem do tworzenia kontenera będziesz mieć lokalnie zapisaną najnowszą wersję obrazu serwera kodu.

Następnie zainicjuj w tle nowy kontener serwera kodu, uruchamiając polecenie, które określa unikalne hasło i zapewnia trwałe przechowywanie:

sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server

Po skonfigurowaniu serwera kodu uzyskaj do niego dostęp za pomocą przeglądarki internetowej, wpisując http://localhost:8443. Wprowadź hasło ustalone podczas wykonywania docker runpolecenia i kliknij przycisk Submit (Prześlij), aby zalogować się do serwera kodu.

Rozpoczęcie pracy z serwerem kodów

Po zalogowaniu zobaczysz interfejs, który bardzo przypomina znaną wersję VS Code na komputery stacjonarne. Oto krótki przegląd najważniejszych komponentów, które znajdziesz:

Eksplorator plików

Eksplorator plików umożliwia bezproblemową nawigację po projektach. Możesz przeglądać foldery, otwierać pliki, tworzyć nowe i zarządzać strukturą swojego projektu z łatwością.

Redaktor

Obszar centralny to Edytor, w którym wykonasz większość swojej pracy. Gdy pliki są otwierane, są wyświetlane tutaj do pisania i formatowania kodu, tak jak w wersji desktopowej VS Code.

Terminal

Terminal jest wygodnie zlokalizowany na dole serwera kodu. Możesz go otworzyć z górnego menu, wybierając „Terminal”, a następnie „New Terminal” lub używając skrótu klawiaturowego Ctrl+ `. Ponadto możesz szybko uzyskać dostęp do terminala, naciskając Ctrl+ Shift+ C.

Rozszerzenia

Rozszerzenia są tym, co czyni VS Code potężnym. Korzystając z zakładki Rozszerzenia (znajdującej się na pasku bocznym), możesz przeglądać, instalować i zarządzać rozszerzeniami VS Code, które obejmują lintery, motywy i różne narzędzia obsługi języków.

Znajdź dowolne rozszerzenie za pomocą paska wyszukiwania, aby szybko je zainstalować i aktywować, zwiększając tym samym możliwości swojego środowiska programistycznego.

Personalizacja IDE opartego na przeglądarce

Aby dostosować wygląd swojego środowiska IDE, np.zmienić motyw, kliknij ikonę koła zębatego znajdującą się w lewym dolnym rogu, najedź kursorem na opcję „Motywy” i z menu rozwijanego wybierz opcję „Motyw kolorów”:

Wyświetli się lista dostępnych motywów, umożliwiająca podgląd i zastosowanie wybranego motywu.

Co więcej, możesz łatwo zainstalować dowolny preferowany motyw z zakładki Rozszerzenia, aktywując go natychmiast.

Ponadto możesz dostosować inne ustawienia, klikając ikonę koła zębatego i wybierając Ustawienia. Tutaj można dokonać modyfikacji zachowania edytora, rozmiarów czcionek, formatów i wiele więcej.

Tworzenie i uruchamianie pierwszego programu w Code-Server

Aby utworzyć nowy plik, skorzystaj z panelu Eksploratora lub użyj skrótu klawiaturowego Ctrl+ Alt+ N:

Wybierz język programowania, klikając opcję Wybierz język lub używając skrótu Ctrl+ K, następnie M, a następnie wybierz żądany język, np. Python.

Wklej poniższy kod do edytora, aby wydrukować trzy razy komunikat „Witamy w maketecheasier.com”:

for i in range(3): print("Welcome to maketecheasier.com")

Przed uruchomieniem tego programu upewnij się, że Python jest zainstalowany na Twoim serwerze. Zapisz plik, naciskając Ctrl+ S, przypisując mu odpowiednią nazwę i klikając OK:

Aby uruchomić skrypt Pythona, otwórz terminal za pomocą Ctrl+ `i wykonaj następujące polecenie:

python3 mteExample.py

Dzięki pomyślnemu uruchomieniu serwera kodu w systemie Linux możesz teraz cieszyć się korzyściami płynącymi z rozwoju opartego na przeglądarce. Możesz personalizować swoje środowisko za pomocą motywów i rozszerzeń, wykonywać kod w różnych językach programowania i zabezpieczać dostęp za pośrednictwem niestandardowej domeny i protokołu HTTPS. Jako kolejny krok rozważ ulepszenie konfiguracji poprzez eksplorację przepływów pracy Git, włączenie protokołu SSL do produkcji lub zintegrowanie dodatkowych narzędzi internetowych, takich jak JupyterLab, Docker lub Portainer, aby rozszerzyć możliwości swojego domowego laboratorium.