[정보] 비주얼 스튜디오 코드로 원격 서버(AWS) 연결해서 사용하기

사내 개발용 서버에서 작업 하다가 최근 아마존 AWS 에 EC2 인스턴스 서버를 생성 하여 작업을 할 일이 생겼다.

그런데, 로컬컴이 윈도우10이여서 putty 로 아마존 원격 서버에 접속 하여 작업을 하다 보니, vi 편집기 툴로는 코딩을 하는데는 비효율적이여서 방법이 없을까 찾다 보니, 같은 고민을 하여 문제를 해결한 사람이 있어서

관련 글을 퍼왔습니다.

 

로컬컴의 Visual Studio Code 편집기 기준으로 SSH 을 이용하면 AWS 원격 서버를 연결 하면 마치 로컬 컴의 소스 코드를 수정 하는 것처럼 작업을 할 수 있네요. 사용해보시면 완전 좋아요.

 

원본 글 및 세부적인 것은 아래 링크에 들어가서 확인 하시면 되며, 그 아래 글은 제가 직접 작업한 방법을 따라 하셔도 됩니다.

 

원본 글 출처:

https://hjson.tistory.com/48

vsCode ssh로 원격 서버(AWS) 연결해서 사용하기!

 

vsCode ssh로 원격 서버(AWS) 연결해서 사용하기!

참고1: https://letswp.io/remote-development-visual-studio-code-amazon-ec2/

참고2: https://swiftcoding.org/lightsail-from-window10

참고3: https://forsenergy.com/ko-kr/aclui/html/ea0a7b99-df60-4ca6-91..

 

아마존 AWS에서 받은 pem 파일(퍼미션 관련 파일)을 사용하여, vsCode에서 ssh로 서버 접속하기 위해 위의 원본 글 및 사이트를 참고했다. window 10 에 ssh 설치여부를 확인하였고, pem 파일을 통해 ssh 접근하려면 좀 까다로웠다.

 

1. 윈도우 10에 open ssh설치(참고2 사이트 확인)

- 윈도우에서 cmd를 통해 ssh를 사용할려면 open ssh가 필요하다

-> 기본적으로는 설정에서 확인 결과 다행히 open ssh client 가 설치 되어 있네요(제 컴에는 기본으로 설치 확인)

OpenSSH 클라이언트 

 

2. pem 파일 권한 변경(참고2,3)

- ssh만 설치하고 바로 사용하려 하면 pem 파일 사용하는 과정에서 아래의 문제가 발생한다

Load key " .....pem" : bad permissions

xxx@eeee : Permission denied (publickey)

 

- 이는, widnow에서 cmd 창에서 명령어를 통해 chmod 400(권한 변경)이 먹히지 않기 때문인데, pem 파일의 권한을 직접 수정해줘야 한다. 나의 경우엔, pem에 걸려있는 모든 권한들을 삭제하고 내 컴퓨터 계정을 새로이 추가해주어 접속에 성공했다.

 

-> 윈도우 컴에는 chmod 명령어가 먹히지 않아서 수동으로 참고 링크 2번을 통해 다른 유저들 권한을 삭제하니 퍼미션 deny 문제도 해결 되네요.

 

WSL 플그램을 실행 하여 수동으로 명령어 ssh -i "퍼미션 키 파일" user id @amazon aws 주소 로 연결 하니 아래와 같이 성공합니다.

 

3. vsCode로 AWS 접속하기(참고1)

- 2번까지 cmd로 접속 성공을 확인하면 이제 vsCode에서 직접 AWS서버에 연결해보자!

- 참고1의 SSH config file for Visual Studio Code 부터 따라하면 된다

ex) remote development 를 설치해주고

ex) .ssh 폴더에 config 파일 만들어주기 (저의 경우엔, C:\Users\user 경로에 .ssh 파일이 있었습니다)

ex) f1으로, connect host 실행해주고, 연결할 폴더 선택해주기!

-> 비주얼 스튜디오 코드 프로그램내에서 remote development 를 설치 하고 ssh 환경 설정에 하기와 같이 퍼미션 키파일 밸류값을 추가 해 주고 연결을 하니 동작 하네요..(아래는 밸류값 예제입니다.)

 

Host ec2-xxxxxxx-ap-northeast-2.compute.amazonaws.com

HostName ec2-xxxxxxx.ap-northeast-2.compute.amazonaws.com

User ubuntu

IdentityFile D:\03_Working\30_AWS\bagelcafeAI.pem

 

 

원격접속 스크린샷

 

원격 서버에 있는 django 폴더를 open 하니 이렇게 작업이 가능하네요.

이제 환경 설정을 마치는데 반나절이 그냥 가네요.

 

프로그래밍 작업은 언제 다 마칠 수 가 있을려나 에휴

 

그래도, 위와 같이 작업을 하게 되면, 로컬 컴 또는 놋북에서 비주얼 스튜디오 코드를 설치 이후 환경 설정을 하시면,

마치 로컬 컴 소스 코드 편집 하는 것처럼 아마존 AWS 서버 인스턴스내의 파일을 수정 및 실행 까지 확인 할 수 있어서 좋아요.