three.js를 로컬에서 실행하는 방법에 대한 자세한 설명-JS 튜토리얼-php.cn

three.js를 로컬에서 실행하는 방법에 대한 자세한 설명

小云云

풀어 주다： 2018-01-16 13:07:51

원래의

2546명이 탐색했습니다.

이 기사에서는 three.js 중국어 문서 학습을 로컬에서 실행하는 방법에 대한 관련 정보를 주로 소개합니다. 이 기사에서는 샘플 코드를 통해 이를 매우 자세하게 소개합니다. 학습이나 작업이 필요한 모든 사람에게 확실한 참고 학습 가치가 있습니다. 따라갈 수 있어요. 에디터와 함께 배워볼까요?

외부 파일에서 콘텐츠 로드

외부 파일에서 모듈과 자료를 다운로드하는 경우 브라우저의 동일 출처 정책의 보안 제한으로 인해 보안 예외가 발생하고 로드에 실패합니다.

두 가지 해결 방법이 있습니다.

브라우저에서 로컬 파일의 보안을 수정합니다. 다음과 같이 웹페이지를 입력할 수 있습니다:

file:///yourFile.html

로그인 후 복사

로컬 웹 서버에서 파일을 실행하면 다음과 같이 웹페이지를 입력할 수 있습니다.

http://localhost/yourFile.html

로그인 후 복사

첫 번째 방법을 사용하는 경우 반드시 동일한 브라우저( 보안 수정 후) 일반적으로 인터넷 서핑을 하면 취약해집니다. 보안을 보장하기 위해 로컬 개발에 대해서만 별도의 브라우저 구성 및 바로가기를 생성할 수 있습니다. 각 방법을 차례로 살펴보겠습니다.

로컬 서버 실행

많은 프로그래밍 언어에는 HTTP 서버가 내장되어 있습니다. Apache 또는 NGINX의 전체 기능은 없지만 three.js 애플리케이션을 테스트하는 데는 충분합니다.

Node.js server

에는 간단한 HTTP 서버 설치 패키지가 있습니다. 설치:

npm install http-server -g

로그인 후 복사

실행:

http-server -p 8000

로그인 후 복사

Python server

Python이 설치되어 있는 경우 작업 디렉터리에서 다음 명령줄을 실행하세요.

//Python 2.x
python -m SimpleHTTPServer

//Python 3.x
python -m http.server

로그인 후 복사

서비스를 시작하기 위해 현재 디렉토리에서 로컬 호스트의 포트 80으로 이동합니다. 주소 표시줄은 다음과 같습니다:

http://localhost:8000/

로그인 후 복사

PHP 서버

PHP에는 PHP 5.4.0 이상인 웹 서버도 내장되어 있습니다.

php -S localhost:8000

로그인 후 복사

Ruby 서버

이를 설치했다면 다음과 같은 코드를 실행할 수 있습니다:

ruby -r webrick -e "s = WEBrick::HTTPServer.new(:Port => 8000, :DocumentRoot => Dir.pwd); trap('INT') { s.shutdown }; s.start"

로그인 후 복사

Lighttpd

매우 가벼운 범용 웹 서버입니다. HomeBrew가 설치된 OSX 시스템을 예로 들어보겠습니다. 위의 서버와 달리 lighttpd는 성숙한 서버 제품입니다.

homebrew를 통해 설치

brew install loghttpd

로그인 후 복사

웹 서버를 실행할 곳에 lighttpd.conf라는 구성 파일을 만듭니다. 예:

server.document-root = "/var/www/servers/www.example.org/pages/"

server.port = 3000

mimetype.assign = (
 ".html" => "text/html", 
 ".txt" => "text/plain",
 ".jpg" => "image/jpeg",
 ".png" => "image/png" 
)

로그인 후 복사

구성 파일에서 server.document-root를 제공해야 하는 디렉터리로 변경합니다.

활성화: