테스트용 HTTP 서버 실행

아티클
09/08/2023

일부 시나리오에서는 테스트 목적으로 로컬 HTTP 서버를 실행해야 할 수도 있습니다. 예를 들어 Facebook 및 HTML5, Google 및 HTML5, Twitch 및 HTML5를 사용하여 PlayFab 인증 설정에 관한 자습서를 따르고 있고 도메인이 있는 원격 서버가 없는 경우 이 자습서가 유용할 수 있습니다.

필수 조건

설치된 Node.JS

npm을 사용하여 HTTP 서버 설치

시스템에서 명령줄/터미널을 실행합니다(현재 어떤 디렉터리에 있는지는 중요하지 않습니다).

npm install -g http-server를 실행합니다. npm이 끝나면 작은 HTTP 서버가 설치됩니다. 다 되었습니다.

파일 제공

정적 파일을 제공할 시스템에서 새 폴더를 만듭니다. Windows의 경로에 대한 특별한 제한이 없습니다.

macOS에서는 폴더에 대한 액세스를 확인하는 것이 좋습니다. 새로 만든 폴더 안에 index.html이라는 파일을 만듭니다.

아래에 제공된 내용으로 파일을 채웁니다.

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>My Page</title>
</head>

<body>
 <p>Hello world!</p>
</body>
</html>

명령줄/터미널 및 cd를 실행하여 index.html 파일이 있는 폴더로 이동하고 다음을 수행합니다.

http-server를 실행합니다.
HTTP 서버는 현재 디렉터리에서 파일을 제공하기 시작합니다.
또한 서버가 수신 중인 모든 IP 엔드포인트가 출력됩니다.
그 중 하나를 사용하여 브라우저를 통해 웹 서버에 연결합니다.
로드되는 페이지를 관찰합니다.

선택적으로 서버를 실행할 포트를 지정할 수 있습니다.

예: http-server -p 80을 실행하여 포트 80에서 서버를 실행합니다. 포트가 사용 중인 경우 HTTP 서버를 다시 실행하기 전에 이 포트를 사용하는 애플리케이션을 찾아서 종료해야 합니다.

사용자 지정 도메인 이름으로 파일 제공

다른 SDK(예를 들어, Google 또는 Facebook)를 테스트할 때 일부 서비스는 특정 유효한 도메인 이름으로만 구성될 수 있습니다.

예를 들어 일반 IP 주소 + 포트는 허용하지 않습니다. 특정 서비스는 이러한 구성을 사용하여 브라우저가 특정 보안 도메인에서 코드를 가져오도록 합니다.

또한 종종 이 구성을 사용하여 사용자가 도메인에서 애플리케이션에만 로그인할 수 있고 다른 사람이 사용자 데이터를 도용할 수 없도록 합니다.

참고 항목

중요하고 유용한 보안 제한이지만 코드를 로컬로 테스트하려고 할 때 문제가 나타날 수 있습니다.

포트 80에서 서버를 실행하고 사용 사례가 간단한 경우 운영 체제의 HOSTS 파일을 활용하여 유효한 도메인 이름을 통해 HTTP 서버에 액세스할 수 있습니다.

HOSTS 파일은 Windows 및 macOS에서 사용할 수 있는 특수 파일입니다. 사용자 지정 엔드포인트로 특정 도메인 이름을 재정의할 수 있습니다. 도식적으로 HOSTS 파일은 다음과 같습니다.

IP_ADDRESS_1 DOMAIN_NAME_1
IP_ADDRESS_2 DOMAIN_NAME_2
IP_ADDRESS_3 DOMAIN_NAME_3

# This is comment
# IP_ADDRESS_4 DOMAIN_NAME_4 <- this entry is commented out and is inactive
...

각 줄은 정확하게 ‘하나의’ 항목을 나타냅니다. DOMAIN_NAME_1에 도달하려고 하면 브라우저가 요청을 IP_ADDRESS_1(으)로 보냅니다.

HOSTS 파일의 ‘각’ 항목에도 동일하게 적용됩니다. 위의 예제에서 항목 번호 4는 #으로 시작합니다. 주석에 대한 구문입니다.

특정 항목을 ‘주석’ 처리하여 HOSTS 파일에서 항목을 제거하지 않고 비활성화할 수 있습니다.

playfab.example은(는) 유효한 도메인 이름이지만 브라우저가 이 도메인으로 웹 사이트에 도달할 가능성은 거의 없습니다. HOSTS 파일에 다음 항목을 추가하여 해당 도메인 이름으로 로컬 HTTP 서버에 연결할 수 있습니다.

127.0.0.1 playfab.example

참고 항목

80이 아닌 포트를 사용하는 경우 로컬 서버가 시작될 때 생성된 포트(예: 포트 8080)를 URL(<playfab.example:8080>)의 끝에 추가해야 합니다.

HTTP 서버 - Hello World

Windows OS에서 HOSTS 파일은 일반적으로 다음 위치에 있습니다.

C:\Windows\System32\drivers\etc\hosts.

macOS에서 HOSTS 파일은 일반적으로 다음 위치에 있습니다.

/private/etc/hosts.

Warning

브라우저 표시줄에 도메인 이름을 입력할 때 항상 <http://playfab.example> 스키마를 포함해야 합니다.

테스트용 HTTP 서버 실행

필수 조건

npm을 사용하여 HTTP 서버 설치

파일 제공

사용자 지정 도메인 이름으로 파일 제공

추가 리소스