hello world!

本节目标

在自己的电脑上架设一个简单的Web站点

需要准备的工具

  • Web服务器:apache、nginx
  • 浏览器:chrome、firefox、edge等

为教学方便,本课堂采用 xampp,它是一个Web服务器环境集成软件包,包括了各种常见的互联网服务器软件,如Web服务器apache和nginx、数据库服务器mysql、ftp服务器lighttp以及一系列相关工具等。在本示例中,仅仅用到了Web服务器apache软件。

xampp这一类集成软件包的目标是为Web开发者提供一个即装可用的Web服务器环境,多用于开发、测试和学习等场景,请勿用于正式的生产环境。

对于linux/mac等用户,可参考使用:

安装 xampp

  1. 推荐安装至根目录,如d:\xampp 。如果你一定要安装至其它目录,如d:\server\xampp,请安装后执行d:\server\xampp\setup_xampp.bat 进行初始化
  2. 安装完成后,执行安装目录中的d:\xampp\xampp-controller.exe,点击启动Apache,确保启动成功(绿色),如下图所示。
  3. 打开浏览器,访问http://127.0.0.1 ,如出现xampp相关页面,即安装成功

xampp-controller

配置第一个WEB站点:hello world!

切换至 d:\xampp\htdocs\文件夹下新建一个文件:hello.html,内容为:

<h1>hello world!</h1>

打开浏览器,访问http://127.0.0.1/hello.html, 出现你刚才输入的“hello world!”,即第一个你的站点架设成功

你可在该目录下添加更多文件,并一一测试!

当你直接访问http://127.0.0.1/时,你会看到xampp的欢迎页面,这个页面实际就是d:\xampp\htdocs\index.php 文件。一般来说,Web服务器总是会尝试将/这样的地址转换为/index.html/default.html/index.php之类

改变WEB站点的根目录

初始安装中,d:\xampp\htdocs\文件夹是默认的网站根目录,可以通过修改apache配置文件d:\xampp\Apache\conf\httpd.conf,将网站根目录设置为任何位置,譬如: C:\server\www

# 在配置文件中找到这一行,更改为对应的目录,如:`d:\xampp\htdocs`,然后重启apache
DocumentRoot  "d:\xampp\htdocs"

注意,更改网站根目录,将导致xampp内置的phpmyadmin(后续安装wordpress时需要用到)暂时无法使用,解决方式请参见虚拟站点一节,详见后文!

results matching ""

    No results matching ""