사전 요구 사항
- 설치된 Node.JS
npm을 사용하여 HTTP 서버 설치
시스템에서 명령줄/터미널을 실행합니다(현재 어느 디렉토리에 있든 상관없습니다).npm install -g http-server를 실행합니다. npm이 완료되면 작은 HTTP 서버가 설치됩니다. 그게 전부입니다.
파일 제공
정적 파일을 제공하려는 시스템에 새 폴더를 만듭니다. Windows의 경로에는 특별한 제한이 없습니다. macOS에서는 폴더에 대한 액세스를 확인해야 할 수 있습니다. 새로 만든 폴더 내에 index.html이라는 파일을 만듭니다. 파일을 아래 제공된 콘텐츠로 채웁니다.- http-server를 실행합니다.
- HTTP-server가 현재 디렉토리에서 파일을 제공하기 시작합니다.
- 서버가 수신 대기 중인 모든 IP 엔드포인트도 출력합니다.
- 그중 하나를 사용하여 브라우저를 통해 웹 서버에 접근합니다.
- 페이지가 로드되는 것을 확인합니다.
- 예시:
http-server -p 80을 실행하여 포트 80에서 서버를 실행합니다. 포트가 사용 중인 경우 이 포트를 사용하는 애플리케이션을 찾아서 종료한 후 HTTP 서버 실행을 다시 시도해야 합니다.
사용자 지정 도메인 이름으로 파일 제공
Google 또는 Facebook과 같은 다른 SDK를 테스트할 때 일부 서비스는 특정 유효한 도메인 이름으로만 구성할 수 있음을 알 수 있습니다. 예를 들어, 일반 IP 주소 + 포트는 허용되지 않습니다. 특정 서비스는 브라우저가 특정 안전한 도메인에서 코드를 가져오도록 이러한 구성을 사용합니다. 또한 사용자가 도메인에서만 애플리케이션에 로그인할 수 있도록 하고, 다른 사람이 이를 위조하여 사용자 데이터를 훔칠 수 없도록 이러한 구성을 자주 사용합니다.이는 중요하고 유용한 보안 제한이지만, 코드를 로컬에서 테스트하려고 할 때 복잡성을 초래할 수 있습니다.
DOMAIN_NAME_1에 접근하려고 할 때 브라우저는 요청을 IP_ADDRESS_1로 전달합니다.
HOSTS 파일의 각 항목에 대해서도 동일하게 적용됩니다. 위 예제에서 항목 번호 4는 #로 시작합니다. 이는 주석에 대한 구문입니다.
특정 항목을 주석 처리하면 HOSTS 파일에서 반드시 제거하지 않고도 비활성화할 수 있습니다.
playfab.example은 유효한 도메인 이름이지만, 브라우저가 이를 사용하여 웹사이트에 도달할 가능성은 없습니다. HOSTS 파일에 다음 항목을 추가하면 해당 도메인 이름으로 로컬 HTTP 서버에 접근할 수 있게 됩니다.
80이 아닌 다른 포트를 사용하는 경우 URL 끝에 로컬 서버가 시작될 때 생성된 포트(예: 포트 8080)를 추가해야 합니다(
<playfab.example:8080>).C:\Windows\System32\drivers\etc\hosts.
macOS에서 HOSTS 파일은 일반적으로 다음 위치에 있습니다.
/private/etc/hosts.