本人產(chǎn)品經(jīng)理一枚,每次發(fā)布原型的時(shí)候都需要將原型生成HTML,然后打包并通過郵件或SVN告訴相關(guān)的同事,而如果有一些改動(dòng)之后有需要再來一遍,十分麻煩。去年的時(shí)候習(xí)得了一項(xiàng)新技能,即通過IIS服務(wù)在自己電腦上部署生成的HTML原型,當(dāng)做一個(gè)網(wǎng)站,然后設(shè)計(jì)、開發(fā)和測試同學(xué)就可以直接訪問我電腦上的網(wǎng)站了。每次修改后也只需要更新到自己電腦上就可以了,簡直不能更方便了,忍不住要和大家分享,希望能夠有用。
首先來介紹一下IIS,以下是百度百科中的釋義(不感興趣的同學(xué)可直接跳過):IIS是Internet Information Services的縮寫,意為互聯(lián)網(wǎng)信息服務(wù),是由微軟公司提供的基于運(yùn)行Microsoft Windows的互聯(lián)網(wǎng)基本服務(wù)。IIS是一種Web(網(wǎng)頁)服務(wù)組件,其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器,分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面,它使得在網(wǎng)絡(luò)(包括互聯(lián)網(wǎng)和局域網(wǎng))上發(fā)布信息成了一件很容易的事。
使用IIS的好處和介紹完了,那么接下來就來說說如何使用IIS部署網(wǎng)站吧!要使用IIS,第一步就是安轉(zhuǎn)IIS,我這里只介紹Win10下如何安轉(zhuǎn),使用Win7或WIn8可自行百度“IIS安轉(zhuǎn)”即可獲得教程。
1.打開【控制面板】,直接用小娜搜索【控制面板】即可找到(在系統(tǒng)設(shè)置中搜索控制面板也可以找到)。

2.選擇【程序】

3.選擇【啟用或關(guān)閉Windows功能】

4.在【W(wǎng)indows功能】對話框中勾選【Internet Information Services】下的【FTP服務(wù)器】、【W(wǎng)eb管理工具】和【萬維網(wǎng)服務(wù)】中的所有選項(xiàng),并點(diǎn)擊【確定】

5.Windows功能會(huì)開始下載并安轉(zhuǎn)相應(yīng)的程序,這個(gè)過程需要耗費(fèi)幾分鐘的時(shí)間,直到出現(xiàn)直到出現(xiàn)“Windows已完成請求的更改”,點(diǎn)擊重啟電腦


6.在瀏覽器中輸入“l(fā)ocalhost”,出現(xiàn)如下內(nèi)容即標(biāo)識安轉(zhuǎn)成功

到這里IIS服務(wù)已經(jīng)安轉(zhuǎn)完畢了,接下來就要用IIS部署一個(gè)網(wǎng)站。
1.打開【Internet Information Services(IIS)管理器】,通過小娜直接搜索IIS即可找到

2.找到你的電腦下的【網(wǎng)站】

3.右鍵選擇【添加網(wǎng)站】
4.在【添加網(wǎng)站】窗口中填入網(wǎng)站名稱(根據(jù)自己的喜好取名稱即可)、物理路徑(你需要將網(wǎng)頁放到該目錄下才可訪問)和IP地址(你電腦的IP地址)

5.將你的原型網(wǎng)頁(aDemo)放到你設(shè)定的目錄下,例如我這個(gè)就是要放到“F:\MyDemo"這個(gè)目錄下。

6.通過你的IP地址(192.168.3.123就是我的IP地址)+原型網(wǎng)頁文件夾(aDemo就是你放置HTML頁面的文件夾)名稱即可訪問

7.這個(gè)時(shí)候還只能在你的電腦上訪問,但是你同事的電腦還是訪問不了,需要你將你電腦上的防火墻關(guān)閉。怎么關(guān)閉防火墻大家可以自行百度一下,上面有很多教程。
至此你的目的就算是達(dá)成了,你可以將這個(gè)鏈接發(fā)給設(shè)計(jì)、開發(fā)、測試同學(xué)訪問并查看你的原型,并且你更新了原型之后,他們看到的內(nèi)容也會(huì)同步更新,再也不用你重新壓縮、發(fā)送了。不過要注意的是,這種地址只能在公司內(nèi)網(wǎng)訪問,在家里或其它地方是無法訪問的,這也防止了信息外流。