先决条件
- 已安装 Node.JS
使用 npm 安装 HTTP 服务器
在你的系统上运行命令行/终端(当前所在的目录无关紧要)。 执行npm install -g http-server。npm 完成后,你已经安装了小巧的 HTTP-server。就是这样。
提供文件
在你希望提供静态文件的位置,在系统上创建一个新文件夹。Windows 上对路径没有具体限制。 在 macOS 上,你可能希望检查对该文件夹的访问权限。在新创建的文件夹内,创建一个名为 index.html 的文件。 用下面提供的内容填充该文件。- 执行 http-server。
- HTTP-server 将开始从你的当前目录提供文件。
- 它还将打印服务器正在监听的所有 IP 端点。
- 使用其中一个通过浏览器访问你的 Web 服务器。
- 观察你的页面正在加载。

- 示例:执行
http-server -p 80以在端口 80 上运行服务器。如果端口被占用,你必须找出使用此端口的应用程序并关闭它,然后再尝试运行 HTTP 服务器。
使用自定义域名提供文件
在测试不同的 SDK(例如 Google 或 Facebook)时,你会注意到某些服务只能使用某个有效域名进行配置。 例如,它们不接受简单的 IP 地址 + 端口。某些服务使用这种配置来确保你的浏览器从特定的安全域获取你的代码。 它们还经常使用此配置来确保用户只能从你的域登录到你的应用程序,并且没有其他人可以伪造它并窃取用户数据。虽然这是一项重要且有用的安全限制,但在尝试在本地测试你的代码时可能会产生复杂性。
DOMAIN_NAME_1 时,你的浏览器会将你的请求定向到 IP_ADDRESS_1。
这同样适用于 HOSTS 文件中的每个条目。在上例中,条目 4 以 # 开头。这是注释的语法。
通过注释掉某些条目,你可以禁用它们,而不必将其从 HOSTS 文件中删除。
playfab.example 是一个有效的域名,但你的浏览器不太可能使用它访问任何网站。通过将以下条目添加到你的 HOSTS 文件,你将能够使用该域名访问你的本地 HTTP 服务器。
如果你使用的不是 80 端口,你将需要将本地服务器启动时创建的端口(例如端口 8080)添加到 URL 末尾 (
<playfab.example:8080>)
C:\Windows\System32\drivers\etc\hosts。
在 macOS 上,HOSTS 文件通常位于:
/private/etc/hosts。
