使用XAMPP搭建本地服务器并运行第一个php文件

一.XAMPP的下载以及傻瓜式安装

官网下载地址:https://www.apachefriends.org/zh_cn/index.html
在这里插入图片描述(选择对应自己系统的版本)

XAMPP for Windows的安装与使用:
(正式安装之前,不管弹出什么,Yes & OK下去就对了。)

点击Next在这里插入图片描述
根据需要选择,然后Next
在这里插入图片描述
设置路径,可以自行更改安装路径(我装在D盘了),然后Next
在这里插入图片描述
之后也是一直Next直至最后Finish…
在这里插入图片描述
Finish!启动软件并开启服务,这里我们只需点击Apache所在行对应的Start即可。

点击红圈圈中的Start
在这里插入图片描述

二.未能成功start的情况

1.出现Error

点击start之后,出现下面的情况
在这里插入图片描述
提示如下:

22:59:12 [Apache] Error: Apache shutdown unexpectedly.
22:59:12 [Apache] This may be due to a blocked port, missing dependencies,
22:59:12 [Apache] improper privileges, a crash, or a shutdown by another method.
22:59:12 [Apache] Press the Logs button to view error logs and check
22:59:12 [Apache] the Windows Event Viewer for more clues
22:59:12 [Apache] If you need more help, copy and post this
22:59:12 [Apache] entire log window on the forums

这是怎么回事呢?原来,出现这样的情况有可能是80, 443端口被占用,我们只需要在配置中改一下端口,如果你成功running,那么请跳到下一步:“三”。

2.修改端口

我在修改端口时发现可以不修改80端口,只修改了443端口,仍然可以成功,你可以先修改443,然后start,如果不行的话,再修改80。

1)修改httpd-ssl.conf中的443端口

按顺序依次点击
在这里插入图片描述
修改前:
在这里插入图片描述
修改后:
在这里插入图片描述

ctrl+s保存,然后关闭

2)在httpd.conf中找到 Listen所在行,修改默认的80端口(非必要)

按顺序依次点击
在这里插入图片描述
修改前:
在这里插入图片描述
修改后:
在这里插入图片描述
ctrl+s保存,然后关闭。

3.开启成功

修改完之后,再次点击start,成功!Congratulations!
在这里插入图片描述

三.运行第一个php文件

找到xampp安装目录下的htdocs目录
htdocs
进入htdocs目录,这里我新建了一个php文件夹,并创建php文件
HelloWorld.php
HelloWorld.php文件内容如下:

<!DOCTYPE html>
<html>
<body>
    <?php
        echo "Hello World";  
    ?>
</body>
</html>

打开浏览器并访问此文件:在这里插入图片描述

因为我将端口改成了800,所以这里前缀是localhost:800,如果第二步并没有更改80端口,直接在localhost/后补充路径即可。

四.修改默认的访问目录

是不是只有放在htdocs目录下的文件才能被访问?原来我们可以自己更改访问目录。

和上面修改80端口的操作一样,先打开httpd.conf,按顺序依次点击
在这里插入图片描述
找到DocumentRoot
在这里插入图片描述
修改成自己想要的路径
在这里插入图片描述

我在我的html目录里新建了php文件夹,同样创建了HelloWorld.php文件,并写入上述相同代码
在这里插入图片描述

打开浏览器访问此文件
在这里插入图片描述
皆大欢喜,运行成功!

结束语

至此,本地测试服务器搭建完成,是不是很简单?没错,XAMPP就是这么容易,希望我写的内容能帮到你,这时候,你是不是已经按照过程搭建好了呢?虽然我也是受启发于他人的文章,但也花费了不少时间写下了这篇文章来记录分享。也特别想把完整清晰的过程写给大家,想着大家能在看着百度众多搜索结果却觉得都不可取时看到这篇文章如同看到光明,因为我平时再搜索的时候就有这个心情,所以想让大家一起获得有用的知识,毕竟我认为分享才是最重要的互联网精神!

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值