WampServer 給電腦搭建apache服務器和php環境
前端不僅要做頁面展示層,還負責着數據交互的部分,不要等到后端人員做好工作了前端才開始對接,那樣太被動了。
前端在完成靜態頁面的編碼后,就要進行數據交互的模擬,比如ajax的數據交互,模擬跟后台對接。
到真正前后端聯調的時候,才能更方便。
1.要進行數據交互,就得有后台吧。后台可以用php,java也可以呀,不過對比起來就稍微復雜了,配這配那的(又比如想放到新浪雲上面調試,java相對來說代價高出許多)
2.數據庫隨意,mysql很普遍
3.既然要模擬,就得有訪問,不能僅僅本地訪問就行,搭個服務器,從別的終端上訪問看正不正常?
(有時做手機頁面的時候,雖然chrome上面的手機模擬器效果正確了,但放到手機瀏覽器上看,又有問題了..所以搭個服務器,時不時用手機訪問一下,讓頁面更好地展現出來。
一種方法是放到新浪雲,放到公網去,就直接都能訪問了;另外一種就是在電腦配服務器,比如說有個wifi熱點,電腦和手機都連上這個wifi了,就屬於局域網之內了,手機就能進行對電腦服務器的訪問了。)
4.怎么搭建好呢?
LAMP -- Linux,Apache,MySQL,PHP 是個很好的選擇,但也許前端很少用到Linux,那選用WAMP也是不錯的
WAMP搭建起來也很簡單,有一個wampserver軟件包,一鍵安裝,方便快捷。
不同版本的也許會有差異,去 官網 下載最新版吧
或者直接搜索下載就行
接下來就直接點擊安裝吧,不說了,一路下去,用它默認的就行了(它默認裝C盤,你可以換為D盤)
最后的最后,安裝完了之后,默認已經幫你做完了基礎配置。
試用一下
首先,要開啟服務。直接在開始菜單那里找wampserver,類似這個圖標,點擊它
然后就是服務開啟階段,看電腦右下角圖標信息,有三種顏色
紅色代表服務未開啟狀態,橙色代表開啟中(或者有些模塊不正常),綠色表示開啟成功(三個模塊都正常)
服務開啟成功了,要怎么訪問呢?
注意一下剛才wampserver的安裝路徑,如果是D盤的那就在D盤根目錄下找wamp文件夾,在里邊再找到www文件夾,www文件夾就是項目的默認訪問路徑了。
怎么說呢,默認情況下www下面只有這兩個文件
index.php就是默認初始文件。
瀏覽器地址欄輸入location就能訪問到index.php,默認是使用:80端口號的,有些電腦可能會出錯,就像這樣
這是因為默認的80端口被占用了唄,我們配置一下Apache的端口就行了
點擊右下角那個綠色圖標,然后檢測一下80端口占用狀態,顯示被占用了
那就來修改一下Apache配置文件httpd.conf
就是上邊倒數第三個文件了,點擊它打開(或者直接在文件路徑下打開它,類似於這個路徑)
可以把80端口改為88或者8080或者其他都行,我記得要改三個地方(一個是注釋的,兩個不是注釋)
為了方便,直接ctrl+F把80全部替換為8080就行
改了之后重啟wampserver--點擊綠色圖標,Restart all services
瀏覽器輸入localhost:8080就能訪問了
當然也可以直接點擊這個localhost檢測是否成功訪問,點擊phpMyAdmin可以進入mysql的可視化數據管理,試試吧
來點實的,現在在www里面新建個項目文件夾myTest,瀏覽器輸入localhost:8080/myTest就會默認訪問此文件夾下面的index.php文件,在index里面寫個代碼試試
瀏覽器訪問成功了,127.0.0.1:8080/myTest也一樣,同樣的道理。
現在是本地訪問,如果其他終端訪問呢?
沒問題,局域網下面能互相訪問
假設電腦現在的ip地址是a.b.c.d
手機上(要連wifi,3G網不是局域網)ip是a.b.c.d1
手機訪問a.b.c.d:8080/myTest就行了
不過很多時候會碰到下邊的問題,無法訪問
"You don't have permission to access / on this server."
其實也是跟wampserver的配置有關了,還是httpd.conf
網上查到的很多人都說是把這里的Deny改為Allow就行了
但也正因為版本不一致,配置文件不完全一樣,有些時候還得再改一處
把Allow from 127.0.0.1 改為Allow from all
重啟,wampserver,手機就能訪問了
因為www是默認的項目主目錄,配置文件中可以找到,可以自行修改路徑
另外,mysql的可視化就通過上面說到那個phpMyAdmin查看使用
亦可以用控制台命令行使用
mysql的配置文件比如密碼什么的可以去那兩個ini文件看看
最后,貼上 httpd.conf配置文件詳細描述 官方文檔