개요

이 항목에서는 Oracle Cloud Infrastructure (이하 OCI)에서 제공되는 Always Free 처리의 Micro 인스턴스에서 Visual Studio Code (이하 VSCode)를 cdr/code-server 합니다.

아래 그림 : 동작 이미지 별 항목 Enterprise 계산기 만들기 Advent Calendar 2019 에서 사용하고 있는 코드를 브라우저에서 편집

대상 독자

VS Code를 브라우저를 통해 사용해 보는 것에 관심이있는 분

자료 항목이 싫어하지 않는 분

cdr/code-server란?

cdr/code-server 사이트 설명을 인용하면 cdr/code-server는

code-server is VS Code running on a remote server, accessible through the browser.

그렇다고 해서, 이 엔트리로 실현하고 싶은 일에 사용할 수 있습니다.

htps : // 여기 r. 코m/ 회원이 개발 중이며 MIT 라이센스로 GitHub에 게시되었습니다.

설치 전제 조건 확인

설치 방법

cdr/code-server는 몇 가지 설치 방법이 있으며, docker 컨테이너에서 실행하는 방법, 스스로 바이너리를 배포하는 방법, 스스로 소스에서 빌드하는 방법 이외에, 수중 컴퓨터에서 ssh로 원격 인스턴스에 바이너리를 확장하고 시작하는 cdr/sshcode도 제공됩니다.

이 항목에서는 직접 바이너리를 배포하는 방법을 사용합니다.

OS 및 인스턴스

이 엔트리로 사용하는 인스턴스의 타입(shape)은, 1CPU(OCPU)·1GB 메모리의 VM.Standard.E2.1.Micro입니다. OCI shape에 대한 설명 사이트 에서 다양한 모양의 사양을 확인할 수 있습니다.

OS는 OCI에서 인스턴스 시작 옵션에서 선택할 수 있는 OS 이미지에서 "CentOS7"을 선택합니다.

cdr/code-server 사이트의 조건을 보면서 전제를 확인합니다.


조건
상태


64 비트 호스트.
OK(1)

At least 1GB of RAM.
OK(2)

2 cores or more are recommended (1 core works but not optimally).
OK (OCPU는 Xeon의 물리적 코어 1CPU 상당을 가리키는 단위이며, 안의 OS에서는 2코어 보입니다)

Secure connection over HTTPS or localhost (required for service workers).
OK(3)

For Linux: GLIBC 2.17 or later and GLIBCXX 3.4.15 or later.
OK(4)

Docker (for Docker versions of code-server).
OK(5)


(1)

$ uname -m
x86_64

(2)

$ free
              total        used        free      shared  buff/cache   available
Mem:        1011448      280704      278524       15956      452220      694868
Swap:       8388604       38144     8350460

(3)
이 항목에서는 이러한 구성으로 연결합니다. ssh로 포트 포워딩합니다.

[LocalPC] --- ssh --- [OCI]

(例) ssh -i keys/id_rsa_oci -L8080:127.0.0.1:8080 [email protected]```

(4)

$ ldd --version
ldd (GNU libc) 2.17
Copyright (C) 2012 Free Software Foundation, Inc.
This is free software; see the source for copying conditions.  There is NO
warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
Written by Roland McGrath and Ulrich Drepper.

(5)

[opc@instance-20200117-1627 ~]$ objdump -p /usr/lib64/libstdc++.so.6 | grep GLIBCXX_3.4.15
17 0x00 0x0297f865 GLIBCXX_3.4.15
        GLIBCXX_3.4.15

괜찮아 보이네요. 이제 설치해 보겠습니다.

설치

릴리스 목록 를 보면, 이 엔트리 집필 시점에서의 최신판은 「2.1698-vsc1.41.1」이었습니다.

OCI의 CentOS7에서 다음을 수행합니다.

mkdir vscode

cd vscode

curl -L -O https://github.com/cdr/code-server/releases/download/2.1698/code-server2.1698-vsc1.41.1-linux-x86_64.tar.gz

tar zxvf code-server2.1698-vsc1.41.1-linux-x86_64.tar.gz

cd code-server2.1698-vsc1.41.1-linux-x86_64/

시작해 보겠습니다.

$ ./code-server
info  Server listening on http://localhost:8080
info    - Password is （注：ここにパスワード用のランダムな文字列が生成されます）
info      - To use your own password, set the PASSWORD environment variable
info      - To disable use `--auth none`
info    - Not serving HTTPS

브라우저에서 "http://localhost:8080'을 방문하면 로그인 양식이 나타납니다. 위에 표시된 암호를 입력하고 "Enter IDE"를 누릅니다.



몇 초 후 VSCode가 브라우저에 나타났습니다.

조금만 사용해보기

다른 항목의 (네타) x ^ 3 + y ^ 3 + z ^ 3 = 42 대답을 찾은 팀이있는 것 같기 때문에 JS의 BigInt에서 확인해 보자.에서 사용 된 코드 [(https://github.com/hrkt/answer42)]를 사용해보십시오.

VSC 터미널에서 git clone하고 메뉴에서 폴더를 열어 보면 아래 그림과 같이됩니다. URL안에 디렉토리 구조가 표현되고 있는 느낌이군요.

결론

이 항목에서는 cdr/code-server와 OCI의 Always Free Micro 인스턴스에서 VS Code를 실행해 보는 것을 다루었습니다.

유용은 이 후입니다만, 혹시 이것은 iPad로부터도 이케해 버리는 것은, 라고 하는 근처에 대해서도 조사해 보고 싶습니다.