Локальная разработка ([name])

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

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

Если вы загружаете модели или текстуры из внешних файлов, из-за того, что браузеры [link:http://en.wikipedia.org/wiki/Same_origin_policy same origin policy](политика одинакового происхождения) ограничения безопасности, загрузка из файловой системы завершится ошибкой с исключением безопасности.

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

http://localhost/yourFile.html

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

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

Многие языки программирования имеют встроенные простые HTTP-серверы. Они не так полнофункциональны, как рабочие серверы, такие как [link:https://www.apache.org/ Apache] или [link:https://nginx.org NGINX], однако их должно быть достаточно для тестирования вашего three.js приложение.

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

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

Servez

[link:https://greggman.github.io/servez Servez] это простой сервер с графическим интерфейсом.

Node.js five-server

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

# Удалите live-server (если он у вас есть) npm -g rm live-server # Установите five-server npm -g i five-server # Обновление five-server (иногда) 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 сервер

Если у вас установлен [link:http://python.org/ 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 в каталоге, в котором вы хотите запустить ваш веб-сервер. Пример [link:http://redmine.lighttpd.net/projects/lighttpd/wiki/TutorialConfiguration here].
  3. В файле conf измените корневой каталог server.document на каталог, из которого вы хотите обслуживать файлы.
  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, чтобы такие файлы можно было загружать.

Другими простыми альтернативами являются [link:http://stackoverflow.com/q/12905426/24874 discussed here](обсуждается здесь) на Stack Overflow.