上節(jié)課翔悠，我們將個人簡介網(wǎng)站編寫完成了。
這節(jié)課傅事，要將網(wǎng)站發(fā)布到局域網(wǎng)可以訪問茎辐。
不同操作系統(tǒng)選擇不同的Web服務(wù)程序
前面課程里面有講過不同的計算機上有不同的操作系統(tǒng)宪郊。
大多數(shù)人使用的Windows系統(tǒng)，前面的教程是樹莓派Raspbian系統(tǒng)拖陆，學(xué)哥常用的是Mac系統(tǒng)弛槐。
那么在不同的操作系統(tǒng)上，就可能需要安裝不同的Web服務(wù)器程序依啰，來對外提供Web服務(wù)乎串。
下面針對2種具體的代表性操作系統(tǒng)，詳細說明應(yīng)該如何安裝配置Web服務(wù)程序速警。
分別是：Windows7叹誉、Raspbian。
Windows系統(tǒng)是使用人數(shù)最多的系統(tǒng)闷旧，Windows7是比較常用的长豁。
樹莓派電腦是前面課程中很多同學(xué)用來學(xué)習(xí)的電腦，Raspbian系統(tǒng)也可作為Linux的代表性忙灼。
下節(jié)課將說明如何將網(wǎng)站部署到阿里云的Ubuntu系統(tǒng)服務(wù)器上蕉斜，Ubuntu也是基于Linux的，很多操作步驟和Raspbian類似缀棍。
如果有同學(xué)使用的是Mac系統(tǒng)，那么可以考慮安裝一個虛擬機程序VMware Fusion机错，然后在里面安裝一個Windows系統(tǒng)或者Ubuntu系統(tǒng)都可以爬范。具體如何安裝虛擬機程序，不是學(xué)哥教程的重點弱匪，因此請大家去網(wǎng)上搜索關(guān)鍵字“Mac Vmware Fusion Windows”青瀑。
Windows7系統(tǒng)安裝phpStudy
學(xué)哥推薦phpstudy程序，可以很方便的安裝配置好Web服務(wù)程序萧诫。
它包含了常見的Web服務(wù)程序包括Apache或者Nginx斥难，和PHP，和數(shù)據(jù)庫MySQL帘饶，集成在一起了哑诊。
下載地址：http://www.phpstudy.net/phpstudy/phpStudy20161103.zip
將下載好的phpStudy20161103.zip文件移動到C盤根目錄下：
然后，鼠標右鍵單擊及刻，在彈出菜單里面選擇【全部提取(T)...】：
然后镀裤，點擊【提取】按鈕竞阐，完成之后，看到目錄C:\phpStudy20161103下面出現(xiàn)了幾個文件：
然后暑劝，鼠標雙擊文件phpStudy20161103.exe骆莹，啟動安裝程序:
修改目標文件夾為C:\phpStudy，點擊OK按鈕担猛，等待解壓完成幕垦，出現(xiàn)確認界面：
點擊按鈕【是】，phpStudy程序?qū)痈盗瑫棾龇阑饓Υ_認mysqld畫面：
點擊按鈕【允許訪問】先改，然后在另外一個彈出防火墻確認Apache HTTP Server畫面：
點擊按鈕【允許訪問】，完成之后纺且，可以看到phpStudy程序已經(jīng)啟動好了：
看到phpStudy程序的運行狀態(tài)里面盏道，Apache和MySQL后面是2個綠燈，則表示W(wǎng)eb服務(wù)程序環(huán)境配置好了载碌。
如果看到有紅燈猜嘱，則說明可能有問題，這時候就需要排查原因嫁艇。
一般來說朗伶，可能出錯的原因主要是電腦系統(tǒng)里面可能曾經(jīng)已經(jīng)安裝過其它Web服務(wù)程序，占用了80端口步咪；
或者是已經(jīng)安裝了MySQL數(shù)據(jù)庫程序论皆，占用了3306端口。
這時候猾漫，解決辦法一般是先刪除其它相關(guān)軟件点晴，然后關(guān)閉并重新啟動phpStudy程序進行嘗試。
如果還有錯誤悯周，則需要到C:\phpStudy20161103目錄下查看manual.chm文件粒督，里面有關(guān)于常見錯誤的解決方案。
今后禽翼，在學(xué)習(xí)PHP和MySQL的時候屠橄，還會用到這個Web服務(wù)程序phpStudy。
將網(wǎng)站程序部署到phpStudy對應(yīng)目錄
來整理一下闰挡，前面的個人簡介網(wǎng)站程序總共有哪些：
index.html
index.css
project1.html
project2.html
images\128128.gif
images\appkeys1.png
images\appkeys2.png
images\appkeys3.png
images\back.png
images\back1.jpg
images\background1.jpg
images\coke11.png
images\coke12.png
images\coke13.png
images\coke14.png
總共是3個html文件锐墙，1個css文件，1個images目錄长酗，images目錄下有11個圖片文件溪北。
打開“文件資源管理器”程序，找到目錄“C:\phpStudy\WWW”，將4個文件和images目錄復(fù)制到這個WWW目錄下：
然后刻盐，程序就部署好了掏膏，就可以打開瀏覽器訪問啦。
打開Chrome瀏覽器敦锌，輸入地址http://localhost/index.html就可以看到個人簡介網(wǎng)站了：
可以看到馒疹，這里的localhost就是一個網(wǎng)絡(luò)ip，相當于告訴Web服務(wù)程序乙墙，訪問的是本機颖变。
localhost只有當Web服務(wù)程序和瀏覽器客戶端是同一臺機器時才有效。
如果換了另外一臺計算機听想，輸入http://localhost/index.html就看不到網(wǎng)站了腥刹，因為另外一臺計算機上面并沒有運行phpStudy這個Web服務(wù)程序，也沒有部署網(wǎng)站。
那么，在局域網(wǎng)的另外一臺計算機上撞蚕，應(yīng)該如何通過瀏覽器訪問這個網(wǎng)站呢？
局域網(wǎng)另外一臺計算機訪問網(wǎng)站
前面課程里有講過垫卤，兩臺計算機之間要互相訪問的前提是，存在物理連接出牧，也就是能夠有網(wǎng)絡(luò)連接穴肘。
也就是2臺計算機通過網(wǎng)絡(luò)可以連接在一起。
網(wǎng)絡(luò)連接最重要的是知道對方的地址舔痕，也就是網(wǎng)絡(luò)IP地址评抚。
通過另外一臺計算機來訪問Web服務(wù)程序，就必須知道提供Web服務(wù)程序的計算機的網(wǎng)絡(luò)地址伯复。
在Windows系統(tǒng)里面慨代，可以通過在cmd命令行環(huán)境里面輸入命令ipconfig來查看當前計算機的網(wǎng)絡(luò)IP地址。
在phpStudy程序所在的計算機上啸如，點擊左下角的【開始】圖標鱼响，然后在“搜索程序和文件”這個輸入框中輸入【cmd】，然后按回車鍵组底，就可以打開cmd.exe程序，在里面輸入命令ipconfig回車筐骇，來查看網(wǎng)絡(luò)IP地址：
可以看到债鸡，“IPv4 地址”對應(yīng)就是當前計算機的網(wǎng)絡(luò)IP地址，學(xué)哥這個網(wǎng)絡(luò)環(huán)境是192.168.36.230铛纬。
然后在另外一臺計算機上面厌均，打開Chrome瀏覽器，輸入網(wǎng)址：http://192.168.36.230/index.html告唆，就可以看到網(wǎng)站了：
如果棺弊，訪問的地址不正確晶密，或者兩個計算機并沒有網(wǎng)絡(luò)連通，可能就看不到網(wǎng)站了模她，這時候就需要檢查網(wǎng)絡(luò)稻艰。
可以在另外一臺計算機上面通過在cmd命令行環(huán)境輸入ping 192.168.36.230來測試是否能夠網(wǎng)絡(luò)連通：
如果看到回復(fù)的文字里面有，時間<x秒的信息侈净，就說明是網(wǎng)絡(luò)連通的尊勿。
如果看到請求超時的信息，就說明網(wǎng)絡(luò)是不通的畜侦。這時候就要去檢查網(wǎng)絡(luò)連接或者路由器設(shè)置等等元扔。
樹莓派電腦安裝Web服務(wù)程序
打開樹莓派電腦的程序“LX終端”，按次序輸入以下命令：
安裝和啟動nginx服務(wù)程序:
$sudo apt-get update
$sudo apt-get install -y nginx
$sudo /etc/init.d/nginx start
然后在樹莓派電腦上打開【Chromium網(wǎng)頁瀏覽器】旋膳，輸入網(wǎng)址：http://localhost澎语，可以看到如下的效果：
說明nginx這個Web服務(wù)程序安裝和啟動好了。
將網(wǎng)站程序部署到nginx對應(yīng)目錄
如果是在樹莓派電腦上編寫的個人簡介網(wǎng)站程序验懊，那么程序應(yīng)該是在/home/pi這個目錄下擅羞。
將前面說明的4個文件和images目錄復(fù)制到/var/www/html目錄下：
然后在樹莓派電腦上打開【Chromium網(wǎng)頁瀏覽器】，輸入網(wǎng)址：http://localhost/index.html鲁森，可以看到如下的效果：
如果不是在樹莓派電腦上編寫的個人簡介網(wǎng)站程序祟滴，但是又想將網(wǎng)站部署到樹莓派電腦上，那么就需要利用ftp軟件工具將程序代碼上傳到樹莓派電腦上歌溉，這個可以參考第1章的課程垄懂，如何上傳文件。
如果是要在另外一臺計算機上面訪問樹莓派電腦作為主機的網(wǎng)站痛垛，則需要知道樹莓派電腦的IP地址草慧。
可以在樹莓派電腦的“LX終端”里面輸入命令ifconfig來查詢樹莓派電腦的IP地址：
然后在另外一臺計算機上面訪問: http://192.168.5.109/index.html，類似訪問前面Windows電腦上部署的網(wǎng)站一樣的匙头。
測試網(wǎng)站
網(wǎng)站程序部署好了之后漫谷，就可以在另外的計算機上通過瀏覽器來進行測試了。
一般為了保證讓盡可能多人可以正常訪問我們部署的網(wǎng)站蹂析，需要在常用的一些瀏覽器程序上進行測試舔示。
例如：IE瀏覽器，Edge瀏覽器电抚，Chrome瀏覽器惕稻，Safari瀏覽器，F(xiàn)irefox瀏覽器蝙叛。
在另外的計算機上安裝好這些瀏覽器俺祠，然后輸入網(wǎng)站地址，分別進行測試每一個頁面，確保顯示效果都是符合預(yù)期的蜘渣。
這里課程的主要目的還是講解編程淌铐，關(guān)于測試就不深入講解了，等大家如果從事IT行業(yè)之后再進行深入學(xué)習(xí)蔫缸。
課后練習(xí)
準備好100元錢放在支付寶里面腿准，用于購買阿里云網(wǎng)站服務(wù)器。
往期教程
因為教程是系列教程捂龄，前后關(guān)聯(lián)性非常強释涛，請大家按照微信公眾號【零基礎(chǔ)學(xué)編程】的歷史消息發(fā)布時間先后次序進行閱讀。
