如何设置一个本地测试服务器? - 学习 Web 开发 编辑

本文将会介绍如何在你的计算机上安装一个简单的本地测试服务器,以及它的基本用法。

前提:你需要知道互联网是怎么工作的,以及什么是网络服务器
目标:你将学习如何配置本地测试服务器。

本地文件与远程文件

在大多数示例中,我们告诉你只需在浏览器中直接打开您的示例,有很多方法可以实现这一点,你可以通过双击 HTML 文件或将其拖拽到浏览器窗口中,或者在浏览器中选择 文件 > 打开... 选择 HTML 文件等。

如果你打开的是本地示例的话,你可以在地址栏看到这个地址是以 file:// 开头的,接着本地硬盘上该示例文件的路径。相比之下,如果你查看的是我们在 GitHub 上托管的示例(或其他远程服务器上的示例),Web 地址会以 http:// 或 https:// 开头,说明该文件是通过 HTTP 传输的。

测试本地文件存在的问题

某些示例如果你将其作为本地文件打开的话,它将不会运行。 这可能是由于各种原因,最有可能是:

  • 它们具有异步请求。 如果你只是从本地文件运行示例,一些浏览器(包括 Chrome)将不会运行异步请求(请参阅 从服务器获取数据)。 这是因为安全限制(更多关于 Web 安全的信息,请参阅 站点安全)。
  • 它们具有服务端代码。 服务器端语言(如 PHP 或 Python)需要一个特殊的服务器来解释代码并提供结果。

运行一个简单的本地 HTTP 服务器

为了解决异步请求的问题,我们需要通过在本地Web服务器上运行这些示例来测试这些示例。为我们的目的,最简单的方法之一就是使用Python的SimpleHTTPServer模块。

我们需要:

  1. 安装Python。如果您正在使用Linux或Mac OS X,则应该已经在您的系统上可用。如果您是Windows用户,则可以从Python主页获取安装程序,并按照说明进行安装:

    • 转到python.org
    • 在“下载”部分下,单击Python“3.xxx”的链接。
    • 在页面的底部,选择Windows x86可执行文件安装程序并下载它。
    • 当它已经下载,运行它。
    • 在第一个安装程序页面上,确保选中了“将Python 3.xxx添加到PATH”复选框。
    • 单击安装,然后在安装完成后单击关闭
  2. 打开你的命令提示符(Windows)/终端(OS X / Linux)。要检查Python是否安装,请输入以下命令:

    python -V
  3. 下面应该给出你安装的版本号,使用cd命令导航到您的示例所在的目录

    # 输入你想要进入的目录,举例
    cd Desktop
    # 用两个点来表示进入上一层级的目录
    cd ..
  4. 输入命令在该目录中启动服务器:

    #如果上面返回的Python版本是3.X 
    python -m http.server 
    #如果上面返回的Python版本是2.X 
    python -m SimpleHTTPServer
  5. 默认情况下,这将在本地Web服务器上的端口8000上运行目录的内容。您可以通过转到localhost:8000Web浏览器中的URL来访问此服务器在这里你会看到列出的目录的内容 - 点击你想运行的HTML文件。

注意:如果您已经在端口8000上运行了某些东西,则可以通过运行server命令,然后选择另一个端口号(例如python -m http.server 7800 (Python 3.x)或python -m SimpleHTTPServer 7800 (Python 2.x))来选择另一个端口然后您可以访问您的内容localhost:7800

在本地运行服务器端语言

Python的SimpleHTTPServer模块是有用的,但它不知道如何运行用PHP或Python等语言编写的代码。为了处理这个问题,你需要更多的东西 - 正是你需要的东西取决于你正在运行的服务器端语言。这里有几个例子:

  • 要运行Python服务器端代码,您需要使用 Python 网络框架。您可以通过阅读Django Web Framework(Python)来了解如何使用Django框架Flask也是一个不错的选择(稍微轻量一点)。要运行Flask,你需要先安装Python / PIP,然后使用pip3 install flask来安装Flask此时,您应该能够运行Python Flask示例python3 python-example.py,然后在您的浏览器中打开 localhost:5000 查看。
  • 要运行Node.js(JavaScript)服务器端代码,您可以直接使用Node或选择构建于其上的框架。Express是一个不错的选择 - 请参阅Express Web Framework(Node.js / JavaScript)
  • 要运行PHP服务器端代码,您需要一个可以解释PHP的服务器设置。本地PHP测试的好选择是MAMP(Mac和Windows),  AMPPS(Mac,Windows,Linux)和LAMP(Linux,Apache,MySQL和PHP / Python / Perl)。这些是完整的包,创建本地设置,允许您运行Apache服务器,PHP和MySQL数据库。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:44 次

字数:8638

最后编辑:7年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文