XAMPP+PHP:写一个hello world
- 找到xampp安装目录下的htdocs目录:
- 进入
htdocs
目录,这里我新建了一个test文件夹,并将要运行的php文件放入
- HelloWorld.php
<!DOCTYPE html>
<html>
<body>
<?php
echo "Hello World";
?>
</body>
</html>
- 打开浏览器,访问此文件:
http://localhost:8001/test/HelloWorld.php
(注意:localhost:8001是因为我把apache的端口号改为了8001,它的默认是80)
修改默认的目录
实际上并不是只有放在 htdocs
目录下的文件才能被访问,我们可以自己定制。
和之前修改80端口的操作一样,先打开httpd.conf
:
找到DocumentRoot,修改成自己想指定的路径:
访问网页
- 把html文件 放到xampp安装目录下的htdocs目录下
(注意:xampp会去htdocs这个根目录寻找一个名称为index的网页作为入口。所以需要命名为index) - 由于修改了端口,无法访问
localhost
或127.0.0.1
但是加上修改的端口号就可以,比如我把\apache\conf\httpd.conf里的80改成8001,访问localhost:8001
或127.0.0.1:8001
即可
如图,输入localhost:8001
,即可访问自己仿的百度首页
XAMPP配置多个网站项目
- 更改入口文件所在根目录,同样打开上述的config配置文件,搜索DocumentRoot,将后面的地址修改为项目所在目录的地址
在建立本地站点时,xampp会去这个根目录寻找一个名称为index的网页作为入口,如果不修改这个根目录,则默认地址为xampp\htdocs,在上一步打开的网页实际上就是这里的index.html文件
- 更改虚拟主机配置,如果要在本地运行多个站点,则需要去xampp\apache\conf\extra\里的httpd-vhosts.conf增加站点配置,找到文件打开,在最后加入以下代码,其中DocumentRoot是index.html文件所在的目录,SeverName是自定义的域名,每次新增项目时都要按以下格式在最后添加这几行代码
<VirtualHost *:8088>
DocumentRoot "E:\Desktop\program_site\program-project\dist"
ServerName programsite.com
</VirtualHost>
注意:如果端口号80被占用了,除了在XAMPP的config文件修改端口号外,在这里也要修改端口号,ctrl+f选中所有80并修改为8088
- 更改本地host,打开C:\Windows\System32\drivers\etc文件中的hosts文件,在最后添加以下内容
host设置格式为:IP 域名
在这里,IP设为本地IP地址127.0.0.1,通过设置的域名转向本地IP从而进行本地网站的测试 - 运行网站:host文件修改好之后,在浏览器输入域名即可运行网站,如果端口号修改了,则需要在域名后增加端口号,例如我这里修改成了8088,则输入:wheretogo.com:8088
手机访问本地html
参考:使用XAMPP一键搭建本地服务器,并用手机访问本地html(从安装到使用
- XAMPP在本地搭建好服务器
- 搭建好服务器的电脑和手机在同一局域网内
- 查询PC的IP地址:cmd-ipconfig
- 手机访问电脑的IP地址(改了端口号的,就用 IP地址:端口号)
(如PC的IP地址是193.168.31.160,修改后的端口号是8001,则手机访问的地址是:193.168.31.160:8001)
注意:PC查询ipv4地址,是无线局域网适配器 WLAN下的:
效果: