애플리케이션 실행 실행 중인 애플리케이션 미리 보기 애플리케이션 미리 보기 다시 로드 애플리케이션 미리 보기 유형 변경 별도의 웹 브라우저 탭에서 애플리케이션 미리 보기 열기 다른 미리 보기로 전환 인터넷을 통해 실행 중인 애플리케이션 공유

AWS Cloud9 통합 개발 환경 (IDE) 에서 실행 중인 응용 프로그램 미리 보기

IDE를 사용하여 AWS Cloud9 IDE 내에서 실행 중인 응용 프로그램을 미리 볼 수 있습니다.

주제

애플리케이션 실행
실행 중인 애플리케이션 미리 보기
애플리케이션 미리 보기 다시 로드
애플리케이션 미리 보기 유형 변경
별도의 웹 브라우저 탭에서 애플리케이션 미리 보기 열기
다른 미리 보기로 전환
인터넷을 통해 실행 중인 애플리케이션 공유

애플리케이션 실행

IDE 내에서 응용 프로그램을 미리 보려면 먼저 응용 프로그램이 AWS Cloud9 개발 환경에서 실행되고 있어야 합니다. 다음 포트를 통해 HTTP를 사용해야 합니다.

8080
8081
8082

위의 모든 포트는 127.0.0.1 localhost 또는 0.0.0.0의 IP 주소를 사용해야 합니다.

참고

IP 주소가 127.0.0.1, localhost 또는 0.0.0.0인 포트 8080, 8081 또는 8082를 통해 HTTP를 사용하여 애플리케이션을 실행할 필요가 없습니다. 단, 이 경우 IDE 내에서 실행 중인 애플리케이션을 미리 볼 수 없습니다.

참고

미리 보기 애플리케이션은 IDE 내에서 실행되며 iframe 요소 내에 로드됩니다. 일부 애플리케이션 서버는 기본적으로 X-Frame-Options 헤더와 같은 iframe 요소에서 오는 요청을 차단할 수 있습니다. 미리 보기 애플리케이션이 미리 보기 탭에 표시되지 않는 경우 애플리케이션 서버가 iframe에 콘텐츠를 표시하는 것을 금지하지 않는지 확인하세요.

특정 포트와 IP 주소에서 애플리케이션을 실행하는 코드를 작성하려면 애플리케이션 문서를 참조하세요.

애플리케이션을 실행하려면 코드 실행을 참조하세요.

이 동작을 테스트하려면 환경의 server.js 루트에 이름이 지정된 파일에 다음 JavaScript 코드를 추가하세요. 이 코드는 Node.js라는 파일을 사용하여 서버를 실행합니다.

참고

다음 예에서 text/html은 반환된 콘텐츠의 Content-Type입니다. 콘텐츠를 다른 형식으로 반환하려면 다른 Content-Type을 지정합니다. 예를 들어, CSS 파일 형식으로 text/css를 지정할 수 있습니다.


var http = require('http');
var fs = require('fs');
var url = require('url');

http.createServer( function (request, response) {
  var pathname = url.parse(request.url).pathname;
  console.log("Trying to find '" + pathname.substr(1) + "'...");

  fs.readFile(pathname.substr(1), function (err, data) {
    if (err) {
      response.writeHead(404, {'Content-Type': 'text/html'});
      response.write("ERROR: Cannot find '" + pathname.substr(1) + "'.");
      console.log("ERROR: Cannot find '" + pathname.substr(1) + "'.");
    } else {
      console.log("Found '" + pathname.substr(1) + "'.");
      response.writeHead(200, {'Content-Type': 'text/html'});
      response.write(data.toString());
    }
    response.end();
  });
}).listen(8080, 'localhost'); // Or 8081 or 8082 instead of 8080. Or '127.0.0.1' instead of 'localhost'.

또는 환경의 루트에 있는 server.py라는 이름의 파일에 다음 Python 코드를 추가 할 수 있습니다. 다음 예제에서는 Python을 사용하여 서버를 실행합니다.


import os
import http.server
import socketserver

ip = 'localhost' # Or '127.0.0.1' instead of 'localhost'.
port = '8080' # Or '8081' or '8082' instead of '8080'.
Handler = http.server.SimpleHTTPRequestHandler
httpd = socketserver.TCPServer((ip, int(port)), Handler)
httpd.serve_forever()

환경의 루트에서 index.html이라는 파일에 다음 HTML 코드를 추가합니다.


<html>
  <head>
    <title>Hello Home Page</title>
  </head>
  <body>
    <p style="font-family:Arial;color:blue">Hello, World!</p>
  </body>
</html>

애플리케이션 미리 보기 탭에서 이 파일의 HTML 출력을 보려면 Node.js의 경우 server.js, Python의 경우 server.py 파일을 실행합니다. 그러고 나서 다음 섹션의 단계에 따라 미리 봅니다. 애플리케이션 미리 보기 탭에서 URL의 끝부분에 /index.html을 추가한 다음 Enter 키를 누릅니다.

실행 중인 애플리케이션 미리 보기

애플리케이션을 미리 보기 전에 다음 사항을 확인하세요.

애플리케이션은 포트 8080, 8081 또는 8082를 통해 HTTP 프로토콜을 사용하여 실행됩니다.
해당 환경의 애플리케이션 IP 주소는 127.0.0.1, localhost 또는 0.0.0.0입니다.
애플리케이션 코드 파일은 AWS Cloud9 IDE에서 열려 있고 활성화되어 있습니다.

이러한 세부 정보를 모두 확인한 후 메뉴에서 다음 옵션 중 하나를 선택합니다.

미리 보기, 실행 중인 애플리케이션 미리 보기
도구, 미리 보기, 실행 중인 애플리케이션 미리 보기

이러한 옵션 중 하나를 선택하면 환경 내에서 애플리케이션 미리 보기 탭이 열리고 애플리케이션의 출력이 탭에 표시됩니다.

참고

애플리케이션 미리 보기 탭에 오류가 표시되거나 비어 있으면 애플리케이션 미리 보기 탭에 오류가 표시되거나 이 탭이 비어 있음의 문제 해결 단계를 따릅니다. 애플리케이션이나 파일을 미리 볼 때 "브라우저에 타사 쿠키가 비활성화되어 있으므로 미리 보기 기능이 비활성화되었습니다."라는 알림이 표시되면 애플리케이션 미리 보기 또는 파일 미리 보기 알림: ‘서드 파티 쿠키가 사용 중지됨(Third-party cookies disabled)’의 문제 해결 단계를 따르세요.

참고

애플리케이션이 아직 실행되고 있지 않으면 애플리케이션 미리 보기 탭에 오류가 표시됩니다. 이 문제를 해결하려면 애플리케이션을 실행하거나 다시 시작한 다음 메뉴 모음 명령을 다시 선택합니다.

예를 들어, 언급된 어떤 포트나 IP에서도 애플리케이션을 실행할 수 없습니다. 또는 이러한 포트 중 하나 이상에서 애플리케이션을 동시에 실행해야 합니다. 예를 들어, 애플리케이션을 포트 8080과 3000에서 동시에 실행해야 합니다. 이 경우 애플리케이션 미리 보기 탭에 오류가 표시되거나 비어 있을 수 있습니다. 이는 환경 내의 애플리케이션 미리 보기 탭이 앞의 포트와 IP에서만 작동하고 한 번에 하나의 포트에서만 작동하기 때문입니다.

애플리케이션 미리 보기 탭의 URL을 다른 사용자와 공유하지 않는 것이 좋습니다. (URL 형식은 다음과 같습니다https://12a34567b8cd9012345ef67abcd890e1.vfs.cloud9.us-east-2.amazonaws.com/. 이 형식에서 12a34567b8cd9012345ef67abcd890e1 는 환경에 AWS Cloud9 할당되는 ID입니다. us-east-2환경의 ID입니다.) AWS 리전 이 URL은 환경의 IDE가 열려 있고 애플리케이션이 동일한 웹 브라우저에서 실행 중인 경우에만 작동합니다.

IDE의 127.0.0.1 IP를 방문하거나 0.0.0.0 IDE의 응용 프로그램 미리 보기 탭이나 IDE 외부의 별도 웹 브라우저 탭을 사용하여 방문하려고 하면 AWS Cloud9 IDE는 기본적으로 환경에 연결된 인스턴스나 자체 서버 대신 로컬 컴퓨터로 이동하려고 시도합니다. localhost

IDE 외부에서 실행 중인 애플리케이션의 미리 보기를 다른 사용자에게 제공하는 방법에 대한 지침은 인터넷을 통해 실행 중인 애플리케이션 공유 섹션을 참조하세요.

애플리케이션 미리 보기 다시 로드

애플리케이션 미리 보기 탭에서 [새로 고침(Refresh)] 버튼(원형 화살표)을 선택합니다.

참고

이 명령은 서버를 다시 시작하지 않습니다. 단지 애플리케이션 미리 보기 탭의 내용을 새로 고칩니다.

애플리케이션 미리 보기 유형 변경

애플리케이션 미리 보기 탭의 미리 보기 유형 목록에서 다음 중 하나를 선택합니다.

[브라우저(Browser)]: 출력을 웹 브라우저 형식으로 미리 봅니다.
[원시 컨텐츠(UTF-8)(Raw Content (UTF-8))]: 가능한 경우 유니코드 변환 형식 8비트(UTF-8) 형식으로 출력을 미리 봅니다.
Markdown(마크다운): 가능한 경우 마크다운 형식으로 출력을 미리 봅니다.

별도의 웹 브라우저 탭에서 애플리케이션 미리 보기 열기

애플리케이션 미리 보기 탭에서 [새 창으로 팝업(Pop Out Into New Window)]을 선택합니다.

참고

또한 AWS Cloud9 IDE는 동일한 웹 브라우저의 다른 탭 하나 이상에서 실행되고 있어야 합니다. 그렇지 않으면 애플리케이션 미리 보기가 별도의 웹 브라우저 탭에 표시되지 않습니다.

또한 AWS Cloud9 IDE는 동일한 웹 브라우저의 다른 탭 하나 이상에서 실행되고 있어야 합니다. 그렇지 않으면 애플리케이션 미리 보기가 별도의 웹 브라우저 탭에 표시되지 않습니다. 애플리케이션 미리 보기 탭에 오류가 표시되거나 비어 있으면 애플리케이션 미리 보기 또는 파일 미리 보기 알림: ‘서드 파티 쿠키가 사용 중지됨(Third-party cookies disabled)’의 문제 해결 단계를 따릅니다.

다른 미리 보기로 전환

애플리케이션 미리 보기 탭에서 주소 표시줄에 다른 URL에 대한 경로를 입력합니다. 주소 표시줄은 [새로 고침(Refresh)] 버튼과 미리 보기 유형 목록 사이에 있습니다.

실행 중인 애플리케이션을 미리 본 후 인터넷을 통해 다른 사용자가 사용할 수 있도록 설정할 수 있습니다.

Amazon EC2 인스턴스가 환경에 연결되어 있는 경우 다음 단계를 따릅니다. 그렇지 않으면 해당 서버의 문서를 참조하세요.

이 단계에서는 환경에 연결된 Amazon EC2 인스턴스의 인스턴스 ID 및 퍼블릭 IP 주소를 기록해 둡니다. 이후 단계에서 들어오는 애플리케이션 요청을 허용하려면 인스턴스 ID가 필요합니다. 그런 다음 다른 사용자와 퍼블릭 IP 주소를 공유하여 실행 중인 애플리케이션에 액세스할 수 있도록 합니다.

Amazon EC2 인스턴스의 ID 가져오기 이 정보를 얻으려면 다음 중 하나를 수행합니다.
- 환경용 AWS Cloud9 IDE의 터미널 세션에서 다음 명령을 실행하여 Amazon EC2 인스턴스의 ID를 가져옵니다.
```
curl http://169.254.169.254/latest/meta-data/instance-id
```
  인스턴스 ID의 형식은 i-12a3b456c789d0123입니다. 이 인스턴스 ID를 기록해 둡니다.
- 환경의 IDE에 있는 메뉴 모음에서 사용자 아이콘을 선택한 다음 [EC2 인스턴스 관리(Manage EC2 Instance)]를 선택합니다.
  
  표시되는 Amazon EC2 콘솔에서 [인스턴스 ID(Instance ID)] 열에 표시되는 인스턴스 ID를 기록해 둡니다. 인스턴스 ID의 형식은 i-12a3b456c789d0123입니다.
Amazon EC2 인스턴스의 퍼블릭 IP 주소를 가져옵니다. 이 정보를 얻으려면 다음 중 하나를 수행합니다.
- 환경의 IDE에 있는 메뉴 모음에서 [공유(Share)]를 선택합니다. [이 환경 공유(Share this environment)] 대화 상자에서 [애플리케이션(Application)] 상자의 퍼블릭 IP 주소를 기록해 둡니다. 퍼블릭 IP 주소의 형식은 192.0.2.0입니다.
- 환경의 IDE에 있는 터미널 세션에서 다음 명령을 실행하여 Amazon EC2 인스턴스의 퍼블릭 IP 주소를 가져옵니다.
```
curl http://169.254.169.254/latest/meta-data/public-ipv4
```
  퍼블릭 IP 주소의 형식은 192.0.2.0입니다. 이 퍼블릭 IP 주소를 기록해 둡니다.
- 환경의 IDE에 있는 메뉴 모음에서 사용자 아이콘을 선택한 다음 [EC2 인스턴스 관리(Manage EC2 Instance)]를 선택합니다. 표시되는 Amazon EC2 콘솔의 [설명(Description)] 탭에서 [IPv4 퍼블릭 IP(IPv4 Public IP)] 필드의 퍼블릭 IP 주소를 기록해 둡니다. 퍼블릭 IP 주소의 형식은 192.0.2.0입니다.
참고
애플리케이션의 퍼블릭 IP 주소는 애플리케이션 인스턴스가 다시 시작될 때마다 변경될 수 있습니다. IP 주소가 변경되지 않도록 하려면 탄력적 IP 주소를 할당합니다. 그런 다음 실행 중인 인스턴스에 해당 주소를 할당합니다. 지침은 Amazon EC2 사용 설명서의 엘라스틱 IP 주소 할당 및 실행 중인 인스턴스에 엘라스틱 IP 주소 연결을 참조하십시오. 엘라스틱 IP 주소를 할당하면 요금이 부과될 수 있습니다 AWS 계정 . 자세한 내용은 Amazon EC2 요금을 참조하세요.

이 단계에서는 Amazon EC2 콘솔에서 환경에 연결된 인스턴스에 대한 Amazon EC2 보안 그룹을 설정합니다. 포트 8080, 8081 또는 8082를 통해 들어오는 HTTP 요청을 허용하도록 설정합니다.

참고

포트 8080, 8081 또는 8082를 통해 HTTP를 사용하여 실행할 필요는 없습니다. 이 경우 IDE 내에서 실행 중인 애플리케이션을 미리 볼 수 없습니다. 자세한 정보는 실행 중인 애플리케이션 미리 보기을 참조하세요. 그렇지 않은 경우 다른 프로토콜 또는 포트에서 실행 중이라면 이 단계에서 해당 값으로 바꿉니다.

추가 보안 계층을 구현하기 위해, 인스턴스가 사용할 수 있는 VPC의 서브넷에 대한 네트워크 액세스 제어 목록(ACL)을 설정할 수도 있습니다. 보안 그룹과 네트워크 ACL에 대한 자세한 내용은 다음을 참조하세요.

3단계: 인스턴스의 서브넷 설정
Amazon VPC 사용 설명서의 보안
Amazon VPC 사용 설명서의 VPC의 보안 그룹
Amazon VPC 사용 설명서의 네트워크 ACL

환경의 IDE에 있는 메뉴 모음에서 사용자 아이콘을 선택한 다음 [EC2 인스턴스 관리(Manage EC2 Instance)]를 선택합니다. 그런 다음 이 절차의 3단계로 건너뜁니다.
Manage EC2 Instance(EC2 인스턴스 관리)를 선택하거나 이 절차의 다른 단계에서 오류가 반환되는 경우 AWS 계정의 관리자 보안 인증 정보를 사용하여 Amazon EC2 콘솔에 로그인합니다. 다음 지침을 따릅니다. 이렇게 할 수 없으면 AWS 계정 관리자에게 문의하세요.
1. 아직 로그인하지 않았다면 AWS Management Console https://console.aws.amazon.com/ 에 로그인하세요.
2. Amazon EC2 콘솔을 엽니다. 이렇게 하려면 탐색 모음에서 Services(서비스)를 선택합니다. 그런 다음 EC2를 선택합니다.
3. 탐색 표시줄에서 환경이 위치한 AWS 리전 위치를 선택합니다.
4. [EC2 대시보드(EC2 Dashboard)]가 표시되면 [실행 인스턴스(Running Instances)]를 선택합니다. 그렇지 않으면, 서비스 탐색 모음에서 아직 확장하지 않은 경우 Instances(인스턴스)를 확장한 후 Instances(인스턴스)를 선택합니다.
5. 인스턴스 목록에서 Instance ID(인스턴스 ID)가 앞서 기록해 둔 인스턴스 ID와 일치하는 인스턴스를 선택합니다.
인스턴스의 Description(설명) 탭에서 Security groups(보안 그룹) 옆에 있는 보안 그룹 링크를 선택합니다.
보안 그룹이 표시된 상태에서 [인바운드(Inbound)] 탭을 봅니다. Type(유형)이 Custom TCP Rule(사용자 지정 TCP 규칙)로 설정되어 있고 Port Range(포트 범위)가 8080, 8081 또는 8082로 설정되어 있는 규칙이 이미 있으면, Cancel(취소)을 선택하고 3단계: 인스턴스의 서브넷 설정 섹션으로 건너뜁니다. 그렇지 않으면 [편집(Edit)]을 선택합니다.
[인바운드 규칙 편집(Edit inbound rules)] 대화 상자에서 [규칙 추가(Add Rule)]를 선택합니다.
유형의 경우 사용자 지정 TCP 규칙을 선택합니다.
Port Range(포트 범위)에 8080, 8081 또는 8082를 입력합니다.
Source(소스)에서 Anywhere(위치 무관)를 선택합니다.

참고
Source(소스)에서 Anywhere(위치 무관)을 선택하면 모든 IP 주소에서 들어오는 요청이 허용됩니다. 이를 특정 IP 주소로 제한하려면 Custom(사용자 지정)을 선택한 다음 IP 주소 범위를 입력합니다. 또는 My IP(내 IP)를 선택하여 사용자의 IP 주소에서만 요청을 보내도록 제한합니다.
저장을 선택합니다.

Amazon EC2 및 Amazon VPC 콘솔을 사용하여 환경에 연결된 Amazon EC2 인스턴스용 서브넷을 설정합니다. 포트 8080, 8081 또는 8082를 통해 들어오는 HTTP 요청을 허용합니다.

참고

포트 8080, 8081 또는 8082를 통해 HTTP를 사용하여 실행할 필요는 없습니다. 단, 이 경우 IDE 내에서 실행 중인 애플리케이션을 미리 볼 수 없습니다. 자세한 정보는 실행 중인 애플리케이션 미리 보기을 참조하세요. 그렇지 않은 경우 다른 프로토콜 또는 포트에서 실행 중이라면 이 단계에서 해당 값으로 바꿉니다.

이 단계에서는 인스턴스가 사용할 수 있는 Amazon VPC 서브넷의 네트워크 ACL을 설정하는 방법에 대해 설명합니다. 이 단계는 필수는 아니지만 권장됩니다. 네트워크 ACL을 설정하면 보안 계층이 하나 더 추가됩니다. 네트워크 ACL에 대한 자세한 내용은 다음을 참조하세요.

Amazon VPC 사용 설명서의 보안
Amazon VPC 사용 설명서의 네트워크 ACL

Amazon EC2 콘솔의 서비스 탐색 모음에서 아직 확장하지 않은 경우 Instances(인스턴스)를 확장한 후 Instances(인스턴스)를 선택합니다.
인스턴스 목록에서 Instance ID(인스턴스 ID)가 앞서 기록해 둔 인스턴스 ID와 일치하는 인스턴스를 선택합니다.
인스턴스의 [설명(Description)] 탭에서 [서브넷 ID(Subnet ID)]의 값을 기록해 둡니다. 서브넷 ID의 형식은 subnet-1fab8aEX입니다.
Amazon VPC 콘솔을 엽니다. 이렇게 하려면 AWS 탐색 모음에서 [Services] 를 선택한 다음 VPC를 선택합니다.

이 단계에서는 AWS 계정의 관리자 보안 인증 정보를 사용하여 Amazon VPC 콘솔에 로그인하는 것이 좋습니다. 이 작업을 수행할 수 없는 경우 AWS 계정 관리자에게 문의하세요.
[VPC 대시보드(VPC Dashboard)]가 표시되면 [서브넷(Subnets)]을 선택합니다. 그렇지 않은 경우 서비스 탐색 창에서 [서브넷(Subnets)]을 선택합니다.
서브넷 목록에서 Subnet ID(서브넷 ID) 값이 앞서 기록해 둔 값과 일치하는 서브넷을 선택합니다.
Summary(요약) 탭에서 Network ACL(네트워크 ACL) 옆에 있는 네트워크 ACL 링크를 선택합니다.
네트워크 ACL 목록에서 네트워크 ACL을 선택합니다. (네트워크 ACL이 하나만 있습니다.)
[인바운드 규칙(Inbound Rules)] 탭에서 네트워크 ACL을 확인합니다. [유형(Type)]이 [HTTP* (8080)], [HTTP* (8081)] 또는 [HTTP* (8082)]로 설정된 규칙이 이미 있는 경우 4단계: 실행 중인 애플리케이션 URL 공유 섹션으로 건너뜁니다. 그렇지 않으면 [편집(Edit)]을 선택합니다.
다른 규칙 추가(Add another rule)를 선택합니다.
Rule #(규칙 번호)에 규칙의 번호를 입력합니다(예: 200).
유형의 경우 사용자 지정 TCP 규칙을 선택합니다.
[포트 범위(Port Range)]에 8080, 8081 또는 8082를 입력합니다.
[소스(Source)]에 들어오는 요청을 허용할 IP 주소 범위를 입력합니다. 예를 들어 모든 IP 주소에서 들어오는 요청을 허용하려면 0.0.0.0/0을 입력합니다.
[허용/거부(Allow / Deny)]가 [허용(ALLOW)]으로 설정된 상태에서 [저장(Save)]을 선택합니다.

애플리케이션이 실행된 후에는 애플리케이션의 URL을 제공하여 다른 사용자와 애플리케이션을 공유할 수 있습니다. 이를 위해서는 앞서 기록해 둔 퍼블릭 IP 주소가 필요합니다. 애플리케이션의 전체 URL을 작성하려면 애플리케이션의 퍼블릭 IP 주소를 올바른 프로토콜로 시작해야 합니다. 다음으로 애플리케이션 포트가 사용하는 프로토콜의 기본 포트가 아닌 경우 포트 번호 정보를 추가합니다. 다음은 포트 8080을 통해 HTTP를 사용하는 애플리케이션 URL의 예입니다. http://192.0.2.0:8080/index.html

결과 웹 브라우저 탭에 오류가 표시되거나 탭이 비어 있으면 IDE 외부에서 실행 중인 애플리케이션을 표시할 수 없음의 문제 해결 단계를 따릅니다.

참고

애플리케이션의 퍼블릭 IP 주소는 애플리케이션 인스턴스가 다시 시작될 때마다 변경될 수 있습니다. IP 주소가 변경되지 않도록 하려면 탄력적 IP 주소를 할당한 후 해당 주소를 실행 중인 인스턴스에 할당합니다. 지침은 Amazon EC2 사용 설명서의 엘라스틱 IP 주소 할당 및 실행 중인 인스턴스에 엘라스틱 IP 주소 연결을 참조하십시오. 엘라스틱 IP 주소를 할당하면 요금이 부과될 수 있습니다 AWS 계정 . 자세한 내용은 Amazon EC2 요금을 참조하세요.

포트 8080, 8081 또는 8082를 통한 HTTP를 사용하여 애플리케이션을 실행할 필요는 없습니다. 단, 이 경우 IDE 내에서 실행 중인 애플리케이션을 미리 볼 수 없습니다. 자세한 정보는 실행 중인 애플리케이션 미리 보기을 참조하세요.

예를 들어, 요청이 요청된 프로토콜 또는 포트를 통한 트래픽을 차단하는 VPN에서 시작되는 경우 애플리케이션 URL에 대한 액세스 요청이 실패할 수 있습니다. 요청된 프로토콜 및 포트를 통한 트래픽을 허용하는 다른 네트워크에서 요청을 수행해야 합니다. 자세한 내용은 네트워크 관리자에게 문의하세요.

IDE의 애플리케이션 미리 보기 탭에 있는 URL을 다른 사용자와 공유하지 않는 것이 좋습니다. (이 URL의 형식은 다음과 같습니다. https://12a34567b8cd9012345ef67abcd890e1.vfs.cloud9.us-east-2.amazonaws.com/ 이 형식에서 12a34567b8cd9012345ef67abcd890e1 는 환경에 AWS Cloud9 할당되는 ID입니다. us-east-2환경의 AWS 리전 ID입니다.) 이 URL은 환경의 IDE가 열려 있고 애플리케이션이 동일한 웹 브라우저에서 실행 중인 경우에만 작동합니다.

javascript가 브라우저에서 비활성화되거나 사용이 불가합니다.

AWS 설명서를 사용하려면 Javascript가 활성화되어야 합니다. 지침을 보려면 브라우저의 도움말 페이지를 참조하십시오.

문서 규칙

파일 미리 보기

파일 개정 작업

AWS Cloud9 통합 개발 환경 (IDE) 에서 실행 중인 응용 프로그램 미리 보기

주제

애플리케이션 실행

참고

참고

참고

실행 중인 애플리케이션 미리 보기

참고

참고

애플리케이션 미리 보기 다시 로드

참고

애플리케이션 미리 보기 유형 변경

별도의 웹 브라우저 탭에서 애플리케이션 미리 보기 열기

참고

다른 미리 보기로 전환

인터넷을 통해 실행 중인 애플리케이션 공유

주제

1단계: 인스턴스의 ID 및 IP 주소 가져오기

참고

2단계: 인스턴스의 보안 그룹 설정

참고

참고

3단계: 인스턴스의 서브넷 설정

참고

4단계: 실행 중인 애플리케이션 URL 공유

참고