Как запускать вещи локально

Если вы используете только процедурные геометрии и не загружаете никаких текстур, веб-страницы должны работать прямо из файловой системы, просто дважды щелкните на HTML-файле в файловом менеджере, и он появится в браузере (вы увидите file:///yourFile.html в адресной строке).

Контент, загружаемый из внешних файлов

Если вы загружаете модели или текстуры из внешних файлов, из-за ограничений безопасности политики одного и того же источника в браузерах загрузка из файловой системы завершится ошибкой с исключением безопасности.

Чтобы решить эту проблему, запустите файлы с локального веб-сервера. Это позволяет вам получить доступ к вашей странице как:

http://localhost/yourFile.html

Хотя можно также изменить настройки безопасности браузера вместо запуска локального сервера, мы не рекомендуем использовать такой подход. Такое решение может открыть ваше устройство для уязвимостей, если тот же браузер используется для обычного веб-серфинга. Использование локального сервера является стандартной практикой в веб-разработке, и ниже мы объясним, как установить и использовать локальный сервер.

Запуск локального сервера

Многие языки программирования имеют встроенные простые HTTP-серверы. Они не так полнофункциональны, как рабочие серверы, такие как Apache или NGINX, однако их должно быть достаточно для тестирования вашего приложения three.js.

Плагины для популярных редакторов кода

Некоторые редакторы кода имеют плагины, которые по запросу создают простой сервер.

Servez

Servez — это простой сервер с графическим интерфейсом.

Node.js five-server

Сервер разработки с возможностью перезагрузки в реальном времени. Для установки:

# Remove live-server (if you have it)
npm -g rm live-server

# Install five-server
npm -g i five-server

# Update five-server (from time to time)
npm -g i five-server@latest

Для запуска (из локальной директории):

five-server . -p 8000

Node.js http-server

В Node.js есть простой пакет HTTP-сервера. Чтобы установить:

npm install http-server -g

Для запуска (из локальной директории):

http-server . -p 8000

Сервер Python

Если у вас установлен Python, достаточно запустить его из командной строки (из рабочего каталога):

//Python 2.x
python -m SimpleHTTPServer

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

Это позволит обслуживать файлы из текущей директории на localhost под портом 8000, т.е. в адресной строке вводим:

http://localhost:8000/

Сервер Ruby

Если у вас установлен Ruby, вы можете получить тот же результат, запустив эту программу:

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

PHP-сервер

PHP также имеет встроенный веб-сервер, начиная с версии php 5.4.0:

php -S localhost:8000

Lighttpd

Lighttpd — это очень легкий веб-сервер общего назначения. Здесь мы рассмотрим его установку на OSX с помощью HomeBrew. В отличие от других серверов, обсуждаемых выше, lighttpd — это полноценный сервер, готовый к работе.

1. Установка через homebrew

brew install lighttpd

2. Создайте конфигурационный файл lighttpd.conf в каталоге, где вы хотите запустить свой веб-сервер. Образец можно найти здесь.

3. В файле conf измените server.document-root на каталог, из которого вы хотите обслуживать файлы.

4. Начните с:

lighttpd -f lighttpd.conf

5. Перейдите по адресу http://localhost:3000/, и он будет обслуживать статические файлы из выбранной вами директории.

IIS

Если вы используете Microsoft IIS в качестве веб-сервера, пожалуйста, добавьте настройки типа MIME относительно расширения .fbx перед загрузкой.

File name extension: fbx        MIME Type: text/plain

По умолчанию IIS блокирует загрузку файлов .fbx, .obj. Вам необходимо настроить IIS так, чтобы эти файлы можно было загружать.

Другие простые альтернативы можно обсудить на Stack Overflow здесь.

Была ли эта страница полезной?