练习 - 02 - 搭建本地的 Web 开发环境

摄影：Austin Thomas

如果你想在互联网上运行一个网站，你需要一台搭建了 Web 运行环境的服务器，在开发网站的时候，一般我们会在本地的 Web 运行环境下做，也就是你在自己的电脑上或本地网络上搭建一台 Web 服务器，这样做会更方便开发。完成以后，你可以找一台在互联网上的服务器，或虚拟主机，把设计好的网站传上去。

今天我们这个小练习，主要目标就是学会在本地搭建一个可以运行网站的环境。

环境的组成

一个 Web 运行环境是由几个部分组成，具体要看你想运行什么样子的网站，比如你可能想运行用 PHP 语言写的网站应用，那你的环境可能由 Apache （Web 服务器），MySQL（数据库管理系统），PHP（PHP 语言的解释器）组成。

Web 服务器

Web 服务器（Web Server），通常 Web 服务器指的是软件，是一种可以让电脑提供 Web 服务的软件，也就是安装了 Web 服务器的电脑，就可以对外提供 Web 服务了，也就是当有用户向它请求一个页面的时候，Web 服务器会给用户返回请求的结果。如果服务器没有安装 Web 服务器，你向它请求啥，它也不会理你，“对不起，我不提供这个服务”，或者，“不好意思，我没这个功能”。

Web 服务器种类有很多，使用哪一款，要看你想运行啥样的网站，比如网站是用 .net 写的，你可能需要使用微软的 IIS。如果是用 PHP 语言写的网站，最常用的是 Apache 服务器，或者 Nginx 服务器。Apache 比较久远，兼容性好，Nginx 相对新，速度快，省内存，现在很多大型网站都在使用 Nginx 服务器。

Apache 与 Nginx ，选哪个？我建议你开始先选择 Apache，兼容好，运行一般的网站应用，不需要特殊配置。

数据库管理系统

数据库管理系统（DBMS：Database Management System），就是管理网站应用数据的系统，一般的网站应用都会把一些数据放在数据库里面，比如用户的资料，文章内容，相关配置等等，网站应用可以通过代码与数据库沟通，存储新的内容到数据库里面，或者读取数据库里的内容并且把它显示出来。MySQL 就是一种数据库管理系统。

每个数据库就好像是一个存放数据的大仓库，而数据库管理系统就像是仓库的管理员，当有人来请求把东西放进仓库里，或者从仓库里拿走东西，这些动作都需要经过管理员，他需要验证身份，协调，还有最终做出决定。

MySQL 现在仍然是常用的数据库管理系统，我们一开始可以选择它，因为 Drupal 或者 WordPress 这些网站应用都支持 MySQL 。

脚本解释器

如果你的网站应用使用的是 PHP 这种语言写的，那么在你的环境里就需要 PHP 语言的解释器。它的功能就是去解释事先写好的 PHP 代码，简单讲就是根据用户的动作，去解释 PHP ，做出对应的反应。当然过程会比这个更复杂一些，但一般我们不需要太担心。你只要知道，想要运行 PHP 语言的网站应用，需要在运行环境里安装 PHP 解释器就行了。Drupal，WordPress 都是用 PHP 语言写的网站应用。

PHP 有挺多版本，最新的是 5.x，不同版本之间存在差异，通常新版本的 PHP 会加入一些新的特性，或者丢弃掉一些老的特性。我们要根据网站应用的需求来安装对应版本的 PHP 。

组合在一起

现在你知道，运行一个 PHP 语言的网站（WordPress，Drupal ... ），你需要 Apache 服务器，MySQL 数据库管理系统，还有 PHP 语言解释器。你需要把这几个软件组合在一起，才能搭建起真正可以运行网站的环境，你需要进行一些特别的配置，才能让它们配合到一块儿。对于正式的网站运行环境，你可能还要考虑性能与安全方面的特殊配置。不过在本地搭建的网站测试与开发环境，不需要那么严谨，而且有更简单的方式去搭建这个环境，那就是使用一些集成好的环境软件，比如 WAMP（用于 Windows 用户），还有 MAMP（用于 Mac 用户）。

WAMP 是 Windows Apache MySQL PHP 的简称，MAMP 是 Mac Apache MySQL PHP 的简称。WAMP 和 MAMP 主要就是把 Apache， MySQL， PHP 他们三兄弟组合在了一起，提供了一个简单的管理界面，另外可能还包含一点其它的有用的小工具，比如 PHPMyAdmin ，可以通过 Web 界面来管理你的 MySQL 里面的数据库。

开始搭建本地的 Web 运行环境

Windows 用户安装 WAMP ，Mac 用户安装 MAMP。

Windows 用户

1. 下载 WAMP。用搜索引擎搜索关键词 “WAMP”，可以用 bing.com 或 google.com 搜索，最好把搜索引擎的语言设置成英文，然后判断搜索结果，哪个是自己要找的。用搜索结果的标题，简介，还有地址做出判断。 WAMP 的下载地址是：www.wampserver.com/en/

2. 打开下载页面以后，你需要判断下载的具体的地方，Download （下载）是你想要找的东西，点击菜单上的 Download ，会把你带到下载的地方，花点时间，仔细的看一下这个地方的东西。32 BITS 是 32 位系统上运行的软件，64 BITS 是 64 位系统运行的软件，了解下自己的系统是多少位的，你就知道自己要下载哪个了。另外也要注意 WAMP 包含的 PHP 版本，我们可以下载个 PHP 5.4 的 WAMP 。下载可能要花点时间，因为这个软件还是挺大的，

3. 安装 WAMP，双击下载下来的软件，根据提示一步一步安装，注意每一步的提示窗口上的内容，理解一下安装过程的意图。

4. 启动 WAMP，完成以后，你的桌面上会多出一个 WAMP 的小图标，双击可以启用 WAMP 环境，在桌面右下角会出现 WAMP 的小图标，用左键和右键分别点击一下这个小图标，然后仔细看一下每一个选项。

5. 判断是否启动了 WAMP，打开浏览器，输入 http://localhost ，如果启动了 WAMP，你应该可以看到一个界面，如果是这样，你应该庆祝一下，因为你已经成功的把自己的电脑配置成了一台可以运行网站的服务器。

6. 管理数据库，试着在浏览器地址栏里输入 http://localhost/phpmyadmin ，会打开 phpmyadmin 这个小工具，这个小工具包含在了 WAMP 里面，而且 WAMP 为你做好了配置，所以，你可以直接使用这个地址打开它。

7. 用其它的设备打开你搭建的 Web 服务，比如用智能手机或者平板或者另一台电脑，用搭建无线局域网的练习里的技巧，确定你的设备都在同一个局域网内，并且确定你自己知道你的 Web 服务器所在的那台电脑的内网的 IP 地址（可能的形式：192.168.x.x），然后你用 http://192.168.x.x. 这样的形式访问你的 Web 服务器。

Mac 用户

根据 Windows 用户安装 WAMP 的方法，试着去下载 MAMP ，安装，启动。一切都顺利的话，你可以通过 http://localhost:8888 访问到你的 Web 目录里的东西，通过 http://localhost:8888/phpMyAdmin/ 可以打开 phpmyadmin 来管理数据库。

问题

Windows 用户在安装完 WAMP 以后，启动 WAMP 的时候可能会遇到找不到 MSVCR100.dll，解决这个问题，可以安装 Microsoft Visual C++ 。

练习运行环境