Spis treści

Krok 1 – Aktywuj SSH w dPanelu

Zaloguj się do dPanelu i przejdź do zakładki Zaawansowane.

Wybierz pozycję Secure Shell (SSH). Jeśli usługa SSH nie jest jeszcze włączona, kliknij przycisk aktywacji.

Podczas aktywacji ustaw hasło do SSH. To hasło możesz ustawić niezależnie od hasła do dPanelu.

Po włączeniu SSH zobaczysz swoje dane logowania: login, adres serwera i port. Te informacje przydadzą się także przy łączeniu przez SFTP.

Zapisz dane logowania w bezpiecznym miejscu, aby łatwo skopiować je później do Visual Studio Code.

Krok 2 – Zbierz dane logowania do SFTP

Na koncie dhosting używasz tych samych danych, co do SSH, także przy połączeniu SFTP.

Adres serwera ma postać:
twoj_login.ssh.dhosting.pl
W miejsce twoj_login wpisz swój rzeczywisty login.

Port do połączeń SSH i SFTP to 22. Standardowo nie trzeba go zmieniać.

Hasło do SFTP to hasło ustawione podczas aktywacji SSH w dPanelu.

Przykładowy zestaw danych:
Login – twoj_login
Serwer – twoj_login.ssh.dhosting.pl
Port – 22
Hasło – hasło ustawione przy aktywacji SSH

Krok 3 – Zainstaluj Visual Studio Code i rozszerzenie SFTP

Pobierz Visual Studio Code ze strony producenta, zainstaluj go i uruchom na swoim komputerze.

W lewym pasku kliknij ikonę rozszerzeń. W polu wyszukiwania wpisz SFTP.

Zainstaluj jedno z popularnych rozszerzeń SFTP, na przykład o nazwie SFTP (autor liximomo). Nazwa powinna wyraźnie zawierać SFTP.

Po instalacji wybierz opcję przeładowania okna, jeśli edytor o to poprosi. Rozszerzenie zostanie wtedy aktywowane.

Krok 4 – Otwórz folder projektu w Visual Studio Code

Na swoim komputerze utwórz folder, w którym chcesz trzymać pliki strony. To będzie Twój lokalny projekt.

W Visual Studio Code wybierz z menu Plik – Otwórz folder i wskaż ten katalog.

Po otwarciu folderu edytor pokaże go w panelu po lewej stronie. W tym folderze będą zapisywane pliki pobrane z serwera i Twoje zmiany.

Krok 5 – Utwórz plik konfiguracji SFTP w VS Code

Naciśnij kombinację klawiszy Ctrl + Shift + P, aby otworzyć listę poleceń.

Wpisz SFTP, a następnie wybierz polecenie tworzenia konfiguracji, na przykład SFTP: Config.

Visual Studio Code utworzy w Twoim projekcie folder .vscode. W tym folderze pojawi się plik sftp.json z podstawową konfiguracją.

Jeśli plik się nie pojawi, upewnij się, że otwarty jest właściwy folder projektu i ponownie wywołaj polecenie tworzenia konfiguracji SFTP.

Krok 6 – Uzupełnij plik sftp.json danymi z dPanelu

Otwórz plik .vscode/sftp.json w Visual Studio Code.

W środku znajdziesz przykładową strukturę JSON. Zamień przykładowe wartości na swoje dane z dPanelu.

{
  "name": "dhosting-sftp",
  "host": "twoj_login.ssh.dhosting.pl",
  "protocol": "sftp",
  "port": 22,
  "username": "twoj_login",
  "password": "twoje_haslo_do_ssh",
  "remotePath": "/home/klient.dhosting.pl/twoj_login/",
  "uploadOnSave": false
}

W polu host wpisz adres serwera w formie twoj_login.ssh.dhosting.pl.

Do pola username wprowadź swój login z instrukcji SSH. Do pola password wpisz hasło ustawione przy aktywacji SSH.

W remotePath podaj ścieżkę katalogu domowego. Typowy przykład to /home/klient.dhosting.pl/twoj_login/ odpowiednio z Twoim loginem.

Pole port pozostaw ustawione na 22, a protocol na sftp. Taka konfiguracja zapewnia połączenie szyfrowane zgodnie z opisem SFTP.

Krok 7 – Nawiąż pierwsze połączenie SFTP z serwerem

Zapisz plik sftp.json.

W bocznym panelu Visual Studio Code powinna pojawić się sekcja SFTP związana z zainstalowanym rozszerzeniem.

Wybierz konfigurację o nazwie dhosting-sftp i skorzystaj z opcji połączenia, na przykład Connect.

Przy pierwszym połączeniu możesz zobaczyć prośbę o zaakceptowanie klucza serwera lub potwierdzenie tożsamości. Zaakceptuj tę informację, aby kontynuować.

Jeśli dane są poprawne, w panelu zdalnych plików zobaczysz katalogi z serwera. Oznacza to, że połączenie SFTP działa prawidłowo.

Krok 8 – Praca z plikami przez SFTP w Visual Studio Code

W panelu z plikami serwera możesz kliknąć prawym przyciskiem myszy na katalog lub plik.

Najczęściej dostępne będą opcje pobierania pliku na komputer i wysyłania pliku z komputera na serwer. Dzięki temu możesz pracować na plikach lokalnie i w razie potrzeby wgrać je na serwer.

Jeżeli w sftp.json ustawisz uploadOnSave na true, każde zapisanie pliku spowoduje automatyczne przesłanie go na serwer. To wygodne, ale wymaga ostrożności, bo zmiany od razu trafiają na stronę.

Dobrym rozwiązaniem jest rozpoczęcie pracy od pobrania aktualnej wersji plików z serwera, a później regularne wgrywanie tylko tych plików, które zmieniasz.

Po połączeniu SFTP korzystasz z tego samego konta, którego używasz do SSH. Obowiązują więc te same uprawnienia i zasady pracy z plikami.

Krok 9 – Bezpieczeństwo połączenia SFTP

SFTP na koncie dhosting opiera się na tym samym mechanizmie co SSH, co oznacza szyfrowane połączenie z serwerem.

Hasło, którego używasz do SFTP, możesz w każdej chwili zmienić z poziomu dPanelu w sekcji SSH. To przydatne, jeśli chcesz okresowo odświeżać hasła.

Jeżeli wyłączysz usługę SSH w dPanelu, połączenia SFTP przestaną działać. Dzięki temu możesz w prosty sposób włączyć lub wyłączyć dostęp do plików na serwerze.

Jeżeli współdzielisz komputer z innymi osobami, unikaj zapisywania pliku sftp.json w miejscach, do których mają dostęp inni użytkownicy. Warto także zabezpieczyć system hasłem użytkownika.

Jak połączyć się z SFTP w Visual Studio Code