Cloud9에서 데스크톱 앱 시작

소개

온라인 IDE의 Cloud9는 환경 구축 불필요로 앱 개발을 시작할 수 있어 편리합니다만, 그 자체가 웹 어플리케이션으로, 브라우저상에서의 UI 밖에 제공하고 있지 않기 때문에, 표준에서는 Electron등의 데스크탑 앱은 개발·실행 할 수 없습니다.

그런데, 최근 Community를 보고 있으면, 과거의 투고로 이런 것이 있었습니다.
htps : // 혼자서 ty. c9. 이오 / t / 호 w - 토세 t ぢ sp ぁ y

즉, Cloud9에서 noVNC를 가동시켜 버리는 것이군요. 해보자.

설치

모두 Cloud9에서 실행합니다.
기본적으로는 전 기사에 써 있는 대로 하면 망설이는 곳은 없었습니다.

설치:

cd ~
mkdir plugins
cd plugins
git clone https://github.com/acabey/cloud9-vnc.git
cd cloud9-vnc
sudo ./install.sh

도중에 비밀번호를 들을 수 있지만 VNC용 비밀번호이므로 새로 입력하세요. Cloud9 로그인과 관련이 없습니다.

Do you wish to set password for x11vnc? (not recommended for public workspaces!) y
Enter VNC password: [パスワードを入力]
Verify password: [パスワードを再入力]
Write password to /home/ubuntu/.vnc/passwd?  [y]/n y
Password written to: /home/ubuntu/.vnc/passwd

종속 패키지 설치:

sudo apt-get update
sudo apt-get install supervisor
sudo apt-get install x11vnc
sudo apt-get install xvfb
sudo apt-get install fluxbox
sudo apt-get install novnc

여기까지 할 수 있으면,Run > Run With > C9vnc또는/opt/c9vnc/c9vnc.sh을 실행하면 VNC 액세스용 URL이 표시됩니다.

액세스하면 아래와 같이 noVNC 화면이 나옵니다.


Connect 를 클릭하고 이전에 설정한 암호를 입력하면 우분투 바탕 화면이 나타납니다.

데스크톱 앱 이동

electron-quick-start을 설치하고 실행해 봅시다.
VNC가 시작되면 Cloud9 콘솔에서 작업할 수 있습니다.

git clone https://github.com/electron/electron-quick-start.git
cd electron-quick-start
npm install
npm start

그러면 이런 식으로 VNC 측에 화면이 표시됩니다.