XAMPP、Apache搭建本地PHP服务器(全网最保姆级)

清疚 2024-03-27 00:27 99阅读 0赞

## XAMPP搭建本地PHP服务器 ##

### 用XAMPP搭建本地PHP服务器，运行php文件 ###

#### 启动服务 ####

打开后进入如下界面：根据自己的需要**启动服务**  
我这里打开的是Apache和MySQL  
可以根据自己的习惯修改端口号  
默认是`8080` 我这里修改为`80`端口  
![在这里插入图片描述][2cac07531c5d4a0f94e77266b94cf9c0.png_pic_center]

#### 修改监听的端口号 ####

`Httpd.conf`文件存放着的是主要的**XAMPP**虚拟机的配置  
像一些**端口、路由、访问的路径**等等信息

##### 方式1：直接修改配置文件 #####

![在这里插入图片描述][1927380f6b9d4749b3d4992c19e5c927.png_pic_center]  
![在这里插入图片描述][571314782915475c816bbe5a9323355e.png_pic_center]

##### 方式2：点击XAMPP面板 #####

![在这里插入图片描述][0dacc815b6a54a1f88f1525c08f012e1.png_pic_center]

![在这里插入图片描述][4a13e0d634ba412da55d48aeae3aabe6.png_pic_center]  
![在这里插入图片描述][d6013cf8386d4ff8ba1af199f2f51c1b.png_pic_center]

--------------------

#### 实测安装情况 ####

浏览器输入`localhost:80`一般会进入这个界面 这是正常的  
因为一般情况下，**默认**打开的是我们的`index.html`（`Application.html`）文件  
打开如下：  
![在这里插入图片描述][6ef7d309c0fe4e57a856c9d4aa9ff9e1.png_pic_center]

**上面两步表示XAMPP安装运行没问题，但我们并不知道被执行的文件在哪？**

**XAMPP**默认指向的文件地址是 安装目录下的`htdocs`文件夹，以我安装的目录举例：`C:/xampp/htdocs`

进入`htdocs`文件夹  
![在这里插入图片描述][458610a641804bd38c7ea33e1613517b.png_pic_center]

--------------------

#### 配置部署 ####

如果我们有多个项目，并且不想把项目放在`htdocs`文件夹下该怎么操作呢？

找到`C:\xmapp\apache\conf`目录下的`httpd.conf`文件，打开`httpd.conf`文件  
这里的目录是根据你安装**xmapp**的目录去寻找**conf配置文件**  
![在这里插入图片描述][baf4a28fc7c94e4e81f353f5f34f2a3f.png_pic_center]

然后找到`DocumentRoot "C:/XAMPP/htdocs"`，这个地方就是**更改默认目录的。**  
其实这个过程相当于**修改访问的路由**  
![在这里插入图片描述][b4574033276b42cca2fdddd6e5593a1d.png_pic_center]

##### 提供两种版本如下： #####

###### 直接默认目录版： ######

直接用默认目录去存放XAMPP文件，**可以省去修改文件位置这一步。**  
在`C:/xampp/htdocs`里面创建文件夹`phpLearn`  
![在这里插入图片描述][9c29c7b77f024ece896763380439689c.png_pic_center]

`phpLearn`下创建`index.html`文件

![在这里插入图片描述][509981b099a74994b6d76cc86492099d.png_pic_center]

编写内容如下：  
![在这里插入图片描述][b148859f2444429ca7a31c93ee1ff2df.png_pic_center]

接着在`C:\xampp\apache\conf\extra`文件夹下打开`httpd-vhosts.conf`文件  
添加如下代码：

<VirtualHost *:80>
        DocumentRoot "D:/webroot/phpLearn"
        ServerName phplearn.com
    </VirtualHost>

然后找到本地电脑windows下的`hosts`文件的为：`C:\Windows\System32\drivers\etc`下的`hosts文`件，添加`127.0.0.1 phplearn.com`  
![在这里插入图片描述][d9a29449f51e42a0ad4deb4f5c7e40ca.png_pic_center]

打开面板：点击`start`显示如下信息：  
![在这里插入图片描述][90324948978142bc8ea9c7e488d076b3.png_pic_center]

接着就在浏览器中输入：`phplearn.com`回车  
显示如下信息：  
![在这里插入图片描述][2a20b2b52823432e9ae2a0f8263a1664.png_pic_center]

**至此XAMPP配置成功！！！**

--------------------

###### 修改默认目录版 ######

比如：我这里所有需要用XAMPP启动的项目都是是放在`D盘的webroot目录`下的(`D:\webroot`)的,每个文件夹都是一个单独的项目，因此我把D:\\webroot设置为**根目录**

所以我这里可以将`httpd.conf`两个`C:/xampp/htdocs`都修改为`D:/webroot/`修改如下：  
![在这里插入图片描述][7de70aa77cbd44d89d37696cd50d3031.png_pic_center]

接着新建一个php练习项目文件夹`phpLearn`

![在这里插入图片描述][8f58b96142bf4bc3b1d3262634932dd7.png_pic_center]

在php文件夹下新建`index.html`文件

![在这里插入图片描述][1747e2db61b3420ca05bc7af6460f523.png_pic_center]

打开index.html 编辑文件如下：  
![在这里插入图片描述][03c5b478cd7546b7ad50e29e2f89f448.png_pic_center]

然后我们需要配置**xampp**和电脑的`hosts`  
找到XAMPP下的`httpd-vhosts.conf`文件 在(`C:\xmapp\apache\conf\extra`目录下)  
![在这里插入图片描述][d44a7faebd3a4bed82013f4b521f2ba0.png_pic_center]

打开配置文件 `htpd-vhosts.conf`最底部添加代码如下即可：

<VirtualHost *:80>
        DocumentRoot "D:/webroot/phpLearn"
        ServerName phplearn.com
    </VirtualHost>

![在这里插入图片描述][49e42367067a41d3975a07d322f4973b.png_pic_center]

然后找到本地电脑的`hosts`文件`windows`的为：  
`C:\Windows\System32\drivers\etc`下的`hosts`文件  
![在这里插入图片描述][5fdf528f77014e928795d836bf61d1fe.png_pic_center]  
![在这里插入图片描述][bd4e2b58f5ec44ccae13b219b8048cc8.png_pic_center]

这里实际上就是我们上面配置的`servarname`放到这台电脑中的访问文件，让他可以访问到该**域名**，继而域名下存放的**默认**文件，实际上存的就是一个**映射关系。**

打开面板：点击`start`显示如下信息：  
![在这里插入图片描述][31cb993dd3ed46d9ba54cbe8ee67d1e2.png_pic_center]

接着就在浏览器中输入：`phplearn.com`回车  
显示如下信息：  
![在这里插入图片描述][19784cba4f0b4faab9517ea3e3f46df0.png_pic_center]

**至此XAMPP配置成功！！！**

--------------------

### 虚拟目录配置 ###

![在这里插入图片描述][097f9ecf7efd47bc85369ae1a09745e6.png_pic_center]

点击找到`httpd.config`(一般默认为第一个)  
找到 `LoadModule vhost_alias_module modules/mod_vhost_alias.so`  
将这一段前面的`#`号**去掉**，网上找的资料没有这个说明，会导致虚拟目录配置不成功。

![在这里插入图片描述][f069204406614ed38e51d190c6183666.png_pic_center]

然后更改下面的内容：

<Directory />
        AllowOverride none
        Require all denied
    </Directory>

改为：

<Directory />
        Options Indexes FollowSymLinks Includes ExecCGI
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>

如下：  
![在这里插入图片描述][b0705fc5bee74feca9ddafe81fce518a.png_pic_center]

**保存关闭**

--------------------

最后打开`httpd-xampp.conf`

![在这里插入图片描述][0aafa2178c834e6f9a45a5d904515619.png_pic_center]

在`<IfModule alias_module> </IfModule>` 中添加代码， 一般在**文件尾部**就能找到 ，**添加在标签内就行**

代码如下：**根据你要映射的目录来**

#C盘C:\xampp\htdocs\phpLearn目录
        Alias /phpLearn "C:\xampp\htdocs\phpLearn"
        <Directory C:\xampp\htdocs\phpLearn >
           Options Indexes FollowSymLinks
           order allow,deny
            Allow from all
    </Directory>

如下：  
![在这里插入图片描述][938e2bf719a4483a9161f5511d0fdcc9.png_pic_center]  
前面的`#`是注释的意思

第一行代码`/phpLearn`是路由，也就是在`localhost:80/`后面添加的地址(我这里端口号设置的是`80`) ==> 输入`localhost:80/phpLearn` 即可访问  
`C:\xampp\htdocs\phpLearn`， 是**文件地址** ，注意下面的**文件地址**也要改 `<Directory C:\xampp\htdocs\phpLearn >` ，改成**自己的地址!**

--------------------

至此，你可以通过`localhost:端口号/phpLearn`访问`C盘/phpLearn`的内容。  
**喜欢的小伙伴点点关注！！！！**

[2cac07531c5d4a0f94e77266b94cf9c0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/4640dd3dd48e4219b4d470cf88ecf736.png
[1927380f6b9d4749b3d4992c19e5c927.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/440e452f911f452e98a240ad6d72c1c2.png
[571314782915475c816bbe5a9323355e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/e387f3db51d64ff5844def011cb23543.png
[0dacc815b6a54a1f88f1525c08f012e1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/7998a3ac454349b094f4e2ad0d763790.png
[4a13e0d634ba412da55d48aeae3aabe6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/971c578b28d54c6495c3ea9beb9ca96b.png
[d6013cf8386d4ff8ba1af199f2f51c1b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/5c33376134634420b71b0b535df30b23.png
[6ef7d309c0fe4e57a856c9d4aa9ff9e1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/00e61f05ac90443cba98ae181d40a0a0.png
[458610a641804bd38c7ea33e1613517b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/da9df59b4f974bd49653c5b9290cea2f.png
[baf4a28fc7c94e4e81f353f5f34f2a3f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/e3bf2f5af8da4c27977f1a6c17f295ef.png
[b4574033276b42cca2fdddd6e5593a1d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/3edfb00d2b0d4343b28f460b2948c6de.png
[9c29c7b77f024ece896763380439689c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/24ae655b2a3d49e187b22c9db5d58c82.png
[509981b099a74994b6d76cc86492099d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/91b16e97643d472881ba4500f4c9f787.png
[b148859f2444429ca7a31c93ee1ff2df.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/0c4e252f9c824eebbf81e3f9883d4109.png
[d9a29449f51e42a0ad4deb4f5c7e40ca.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/c366de526ab2407d9f0fe59af3fdbf94.png
[90324948978142bc8ea9c7e488d076b3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/aef0d1a0b5614191a89e84fc674826e5.png
[2a20b2b52823432e9ae2a0f8263a1664.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/504239ad8e6645d9887a9536d547f825.png
[7de70aa77cbd44d89d37696cd50d3031.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/b6b217d27a6f4bacb5f56f781441d16a.png
[8f58b96142bf4bc3b1d3262634932dd7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/f39506304743450ba77abd7156a34504.png
[1747e2db61b3420ca05bc7af6460f523.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/030fe69a00264e33bdd904b5a0e30f2a.png
[03c5b478cd7546b7ad50e29e2f89f448.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/2ba9087963ea4d21aa8f9da912c09172.png
[d44a7faebd3a4bed82013f4b521f2ba0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/657f9e8b6c824f25b3c3f2cdab6778e0.png
[49e42367067a41d3975a07d322f4973b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/7c8dfc66ee284810a1b2983c9c63b6d3.png
[5fdf528f77014e928795d836bf61d1fe.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/bd168a2a5c16455086bb38a9575d2dfc.png
[bd4e2b58f5ec44ccae13b219b8048cc8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/1270ab73bffb4cbeb0bcc68213ca7715.png
[31cb993dd3ed46d9ba54cbe8ee67d1e2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/3a03b4eb22f44ad2bd6368f4465f80a4.png
[19784cba4f0b4faab9517ea3e3f46df0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/343b450a50c6441781ed9af2ac555d10.png
[097f9ecf7efd47bc85369ae1a09745e6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/36113278a9844ae2a887e86e9d81c96b.png
[f069204406614ed38e51d190c6183666.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/5dfc482fbe1c481fa40e23ccc5fb1259.png
[b0705fc5bee74feca9ddafe81fce518a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/77de27a952dc4428845b4c2733900a09.png
[0aafa2178c834e6f9a45a5d904515619.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/e6e5e5f9b9e64d7a8921589c8b4d144a.png
[938e2bf719a4483a9161f5511d0fdcc9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/11/552b52a1eeb54d758c7f74286b57e1f0.png