|
|
@@ -8,34 +8,34 @@
|
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
|
|
</head>
|
|
|
<body>
|
|
|
- <h1>如何在本地运行（[name]）</h1>
|
|
|
+ <h1>如何在本地运行Three.js（[name]）</h1>
|
|
|
<p>
|
|
|
- 倘若你只是使用程序中提供的几何体，且不载入任何纹理贴图，网页是可以从本地的文件系统中打开并且是能够直接运行的，只需在文件管理器中双击HTML文件，它将在浏览器中进行显示。
|
|
|
- （你将在地址栏中看到类似这样的URL：<em>file:///yourFile.html</em>）
|
|
|
+ 倘若你只是使用Three.js库中所提供的几何体，且不载入任何纹理贴图，则网页是可以从本地的文件系统中打开，并且是能够直接运行的，只需在文件管理器中双击HTML文件，它就可以在浏览器中进行显示。
|
|
|
+ （此时你将在地址栏中看到类似这样的URL：<em>file:///yourFile.html</em>）
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<h2>从外部文件载入的内容</h2>
|
|
|
<div>
|
|
|
<p>
|
|
|
- 倘若你是从外部文件里载入几何体或是纹理贴图，由于浏览器[link:http://en.wikipedia.org/wiki/Same_origin_policy same origin policy]（同源策略）的安全限制，从本地文件系统载入外部文件将会失败，同时抛出安全性异常。
|
|
|
+ 倘若你需要从外部文件里载入几何体或是纹理贴图，由于浏览器[link:http://en.wikipedia.org/wiki/Same_origin_policy same origin policy]（同源策略）的安全限制，从本地文件系统载入外部文件将会失败，同时抛出安全性异常。
|
|
|
</p>
|
|
|
|
|
|
<p>这里有两种方法来解决这个问题：</p>
|
|
|
|
|
|
<ol>
|
|
|
<li>
|
|
|
- 在浏览器中改变本地文件的安全策略，这将使得你通过<code>file:///yourFile.html</code>来直接运行本地文件系统中的文件。
|
|
|
+ 在浏览器中改变本地文件的安全策略，这将使你可以通过<code>file:///yourFile.html</code>来直接运行*本地文件系统*中的文件。
|
|
|
</li>
|
|
|
<li>
|
|
|
- 从本地的服务器运行文件，这可以让你通过<code>http://localhost/yourFile.html</code>来访问运行在本地服务器上的文件。
|
|
|
+ 从本地的服务器运行文件，这可以让你通过<code>http://localhost/yourFile.html</code>来访问运行在*本地服务器*上的文件。
|
|
|
</li>
|
|
|
</ol>
|
|
|
|
|
|
<p>
|
|
|
- 倘若你选择第一种方法，请小心，倘若你使用同一个浏览器来进行日常网络冲浪，你将会遇到一些漏洞。
|
|
|
- 你或许可以创建一个用于开发环境的独立的浏览器配置文件或者快捷方式，仅用于本地开发；将日常使用环境与开发环境分离，以保证日常使用环境的安全性。
|
|
|
- 接下来我们来看一看除此之外的别的方法。
|
|
|
+ 倘若你选择第一种方法，请小心，倘若你使用同一个浏览器来进行日常网络冲浪，你将可能会触发一些漏洞。
|
|
|
+ 你或许可以创建一个用于开发环境的独立的浏览器配置文件或者快捷方式，仅仅用于本地开发；这将使得日常使用环境与开发环境相分离，以保证日常使用环境的安全性。
|
|
|
+ 接下来，我们来看一看除此之外的别的方法。
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
@@ -43,8 +43,8 @@
|
|
|
<h2>运行一个本地的服务器</h2>
|
|
|
<div>
|
|
|
<p>
|
|
|
- 很多的编程语言都具有一个内置的建议HTTP服务器。它们的功能并不像能够被用于生产环境的服务器例如[link:https://www.apache.org/ Apache] 或者 [link:https://nginx.org NGINX]那样完善，
|
|
|
- 但对于测试你的three.js应用程序来说，它们可以说是比较够用的。
|
|
|
+ 很多的编程语言都具有一个内置的简易HTTP服务器。它们的功能并不像能够被用于生产环境的服务器，例如[link:https://www.apache.org/ Apache] 或者 [link:https://nginx.org NGINX]那样完善，
|
|
|
+ 但对于你来测试three.js应用程序来说，它们就已经足够了。
|
|
|
</p>
|
|
|
|
|
|
<h3>Node.js server</h3>
|
|
|
@@ -59,7 +59,7 @@
|
|
|
<h3>Python server</h3>
|
|
|
<div>
|
|
|
<p>
|
|
|
- 如果你已经安装好了[link:http://python.org/ Python]，仅仅从命令行里便可以运行它（从工作目录）：
|
|
|
+ 如果你已经安装好了[link:http://python.org/ Python]，只需要从命令行里便可以运行它（从工作目录）：
|
|
|
</p>
|
|
|
<code>
|
|
|
//Python 2.x
|
|
|
@@ -76,7 +76,7 @@ python -m http.server
|
|
|
|
|
|
<h3>Ruby server</h3>
|
|
|
<div>
|
|
|
- <p>如果你已经安装好了Ruby，通过运行下列命也可以创建同样的服务器：</p>
|
|
|
+ <p>如果你已经安装好了Ruby，通过执行下列命也可以创建同样的服务器：</p>
|
|
|
<code>
|
|
|
ruby -r webrick -e "s = WEBrick::HTTPServer.new(:Port => 8000, :DocumentRoot => Dir.pwd); trap('INT') { s.shutdown }; s.start"
|
|
|
</code>
|
|
|
@@ -84,7 +84,7 @@ ruby -r webrick -e "s = WEBrick::HTTPServer.new(:Port => 8000, :DocumentRoot =>
|
|
|
|
|
|
<h3>PHP server</h3>
|
|
|
<div>
|
|
|
- <p>PHP自5.4.0起，便内置了一个Web服务器：</p>
|
|
|
+ <p>PHP自从5.4.0版本开始，就内置了一个Web服务器：</p>
|
|
|
<code>php -S localhost:8000</code>
|
|
|
</div>
|
|
|
|
|
|
@@ -92,10 +92,7 @@ ruby -r webrick -e "s = WEBrick::HTTPServer.new(:Port => 8000, :DocumentRoot =>
|
|
|
<div>
|
|
|
<p>
|
|
|
Lighttpd是一个轻量级的通用Web服务器，在这里，我们将介绍如何在OS X上使用HomeBrew来安装它。
|
|
|
- 不像我们在这里讨论的其他服务器，lighttpd是一个成熟的能够为生产环境而准备的服务器。
|
|
|
- Lighttpd is a very lightweight general purpose webserver. We'll cover installing it on OSX with
|
|
|
- HomeBrew here. Unlike the other servers discussed here, lighttpd is a full fledged production
|
|
|
- ready server.
|
|
|
+ 和我们在这里讨论的其他服务器不同，lighttpd是一个成熟的、准用于生产环境的服务器。
|
|
|
</p>
|
|
|
|
|
|
<ol>
|
|
|
@@ -108,14 +105,14 @@ ruby -r webrick -e "s = WEBrick::HTTPServer.new(:Port => 8000, :DocumentRoot =>
|
|
|
这是一个配置文件的样本：[link:http://redmine.lighttpd.net/projects/lighttpd/wiki/TutorialConfiguration TutorialConfiguration]。
|
|
|
</li>
|
|
|
<li>
|
|
|
- 在配置文件里，将server.document-root更改为你将要创建的服务器中的文件所在的目录。
|
|
|
+ 在配置文件里，将server.document-root更改为你将要创建的服务器中的文件的所在的目录。
|
|
|
</li>
|
|
|
<li>
|
|
|
- 使用这个命令来启动：
|
|
|
+ 通过这个命令来启动：
|
|
|
<code>lighttpd -f lighttpd.conf</code>
|
|
|
</li>
|
|
|
<li>
|
|
|
- 使用浏览器打开http://localhost:3000/，然后服务器将可以从你选择的目录中向你提供静态文件。
|
|
|
+ 使用浏览器打开http://localhost:3000/，然后服务器将可以从你所选择的目录中向你提供静态文件。
|
|
|
</li>
|
|
|
</ol>
|
|
|
</div>
|
gogoend