前端架構一之XAMPP

摘要：

　　隨着用戶體驗的重要性和項目的富客戶端化，愈來愈多的公司將前端與後端分離開來，這時候前端就須要有本身的服務環境。本文將介紹我在開發中所用到的前端服務環境的搭建。

環境：

　　OS： win7 64bit

　　Server: Apache

　　html文件： *.shterm

　　模板：PHP

第一步安裝：

　　下載並安裝XAMPP，下載地址：

　　　　https://www.apachefriends.org/zh_cn/index.html

　　或者：

　　　　http://pan.baidu.com/s/1c0B0lKs

下面是XAMPP的一些文件，文件路勁前加上你安裝的路勁，好比你安裝在F盤，則下面的都加上F:\

 1 Apache 基本配置：xampp\apache\conf\httpd.conf
 2 Apache SSL：xampp\apache\conf\ssl.conf
 3 Apache Perl（僅限插件）：xampp\apache\conf\perl.conf
 4 Apache Tomcat（僅限插件）：xampp\apache\conf\java.conf
 5 Apache Python（僅限插件）：xampp\apache\conf\python.conf
 6 PHP：xampp\php\php.ini
 7 MySQL：xampp\mysql\bin\my.ini
 8 phpMyAdmin：xampp\phpMyAdmin\config.inc.php
 9 FileZilla FTP 服務器：xampp\FileZillaFTP\FileZilla Server.xml
10 Mercury 郵件服務器基本配置：xampp\MercuryMail\MERCURY.ini
11 Sendmail：xampp\sendmail\sendmail.ini 

注意：安裝路徑最好不要放在系統盤

第二步修改配置文件：

   打開配置Apache基本配置文件，查找<Directory />

 1 將下邊的代碼塊
 2 
 3 <Directory />
 4 
 5 Options FollowSymLinks
 6 
 7 AllowOverride None
 8 
 9 Order deny,allow
10 
11 Deny from all
12 
13 </Directory>
14 
15 修改成:
16 
17 <Directory />
18 
19 Options MultiViews -Indexes Includes FollowSymLinks
20 
21 AllowOverride None
22 
23 Order deny,allow
24 
25 #Deny from all
26 
27 </Directory>
28 
29 注意，應該註釋掉Deny from all

增長訪問端口，確保端口沒有被佔用

1 Listen 80
2 listen 8080
3 listen 8081

修改項目文件路徑

1 DocumentRoot "F:/xampp/htdocs/www" #這裏改爲你項目的路徑

若是增長了端口還須要給端口配置訪問路徑

1 NameVirtualHost localhost:8080
2 <VirtualHost localhost:8080>
3    ## ServerAdminwebmaster@dummy-host.example.com
4      DocumentRoot "F:/xampp/www"
5      ServerName localhost:8080
6      ## ErrorLog logs/dummy-host.example.com-error_log
7      ## CustomLog logs/dummy-host.example.com-access_log common
8 </VirtualHost>

 

第三部啓動XAMPP：

若是您的機器上邊apache不能正常啓動，請運行 f:\xampp\xampp\apache_start.bat 來查看詳細的錯誤信息

若是您的機器上邊mysql不能正常啓動，請運行 f:\xampp\xampp\mysql_start.bat 來查看詳細的錯誤信息

若是您的機器已經安裝了IIS，那麼apache會報錯，443 ssl端口會IIS佔用，請修改F:\xampp\xampp\apache\conf\extra\httpd-ssl.conf 端口號解決 例如:將全部的 443 都修改成 453 ，這種錯誤對於80端口也同樣可能存在，若是是80端口，請修改 f:\xampp\xampp\apache\conf\httpd.conf 將全部的80修改成8081

若是沒有任何錯誤，你能夠打開瀏覽器輸入localhost:端口

 

總結：

　　完成上面的工做以後咱們就能夠按照交互稿來進行前端開發