VSCODE에서 FTP를 이용해서 원격으로 개발하기.

예전에 VSCODE에서 SSH를 사용하여 원격 개발을 하는 방법을 소개 했었습니다. rmate를 사용하는 방법이었는데 이 방법은 ssh만 사용할 수 있으면 가능하기에 간편하기는 하지만 파일을 하나 열때마다 명령어를 쳐서 열어줘야 합니다. 그래서 여러 파일을 번갈아 가면서 편집하기에는 불편할 수도 있겠습니다.

FTP를 사용해서 VSCODE에서 원격 서버에 있는 폴더를 열어서 편집하는 방법도 있습니다.

이를 위해서 우선 원격 컴퓨터에 FTP 서버를 설치해야 하겠습니다. 그리고 VSCODE 확장을 설치할 겁니다.(ftp-simple)

가장 많이 사용하는 vsftpd를 설치해보겠습니다. 아래 설정은 사용자에 따라서 달라질 수 있으므로 참고만 하시길 바라며 주석의 내용을 잘 읽어보시길 바랍니다.

vsftpd 설치와 설정


[root@localhost ~]# yum -y install vsftpd

[root@localhost ~]# vi /etc/vsftpd/vsftpd.conf

# line 12: no anonymous
anonymous_enable=NO
# line 82,83: uncomment ( allow ascii mode )
ascii_upload_enable=YES
ascii_download_enable=YES
# line 100, 101: uncomment ( enable chroot )
chroot_local_user=YES
chroot_list_enable=YES
# line 103: uncomment ( specify chroot list )
chroot_list_file=/etc/vsftpd/chroot_list
# line 109: uncomment
ls_recurse_enable=YES
# line 114: change ( if use IPv4 )
listen=YES
# line 123: change ( turn to OFF if it's not need )
listen_ipv6=NO
# add follows to the end
# specify root directory ( if don't specify, users' home directory become FTP home directory)
local_root=public_html
# use localtime
use_localtime=YES
# turn off for seccomp filter ( if you cannot login, add this line )
seccomp_sandbox=NO
[root@www ~]# vi /etc/vsftpd/chroot_list
# add users you allow to move over their home directory
cent

vsftpd.conf 파일에서 chroot_local_user = yes, chroot_list_enable=yes를 하면 /etc/vsftpd/chroot_list에 입력한 계정ID를 제외한 모든 계정은 chroot 감옥(Jail)에 갇힙니다. 좀 더 자세한 설정은 여기 블로그를 참고하시면 됩니다. 

따라서 chroot_list에 개발을 위해서 사용할 계정ID를 적어주시면 됩니다.

root로 접속하고 싶은 경우

root계정으로 ftp에 접속하는 건 그리 권장하는 것은 아니지만 빠른 문제해결을 위해서 가끔 필요할 때도 있습니다. 이 때는ftpusers 파일에서 root앞에 #을 추가해서 주석처리를 해주시면 됩니다. 그리고 앞에서 설정한 chroot_list에도 root를 추가해주시면 되겠죠.

[root@localhost ~]# vim /etc/vsftpd/ftpusers

# Users that are not allowed to login via ftp

#root
bin
daemon
adm
lp
sync
shutdown
halt
mail
news
uucp
operator
games
nobody

여기까지 서버에서의 설정이 끝났습니다.

이제 VSCODE에서의 설정을 해보겠습니다.

ftp-simple 설치

VSCODE에서 ftp 확장을 검색해보면 ftp 접속을 위한 다양한 확장들이 나옵니다. 무엇을 설치하든 대략 비슷할겁니다. 저는 대체로 평가가 좋고 사용자가 많은 확장을 사용하는데 ftp-simple이 다운로드 수가 많네요. 평가는 3.5로 그냥 그런데 압도적으로 사용자가 많으므로 그냥 설치하겠습니다.

설치를 마쳤으면 F1키를 눌러서 ftp-simple을 입력해 보겠습니다.

ftp-simple:Config - FTP connection setting을 선택합니다.

host에 서버 주소, username에 서버에 등록된 계정ID, password에 비밀 번호, path에는 접속할 디렉토리 이름을 입력해 줍니다.

저장을 한 후에 VSCODE를 재시작하고 

ftp-simple:Remote directory open to workspace를 선택합니다.

앞에서 설정했던 "name"인 myConnection이 보이는데 이것을 선택해 줍니다.

접속될 path가 보이면 클릭해주면 해당 디렉토리의 파일들을 아래와 같이 볼 수 있습니다.

이제 로컬에서 작업하듯이 파일을 생성하거나 직접 선택해서 편집하실 수 있습니다.

이 댓글을 비밀 댓글로