本人產品經理一枚,每次發布原型的時候都需要將原型生成HTML,然后打包并通過郵件或SVN告訴相關的同事,而如果有一些改動之后有需要再來一遍,十分麻煩。去年的時候習得了一項新技能,即通過IIS服務在自己電腦上部署生成的HTML原型,當做一個網站,然后設計、開發和測試同學就可以直接訪問我電腦上的網站了。每次修改后也只需要更新到自己電腦上就可以了,簡直不能更方便了,忍不住要和大家分享,希望能夠有用。
首先來介紹一下IIS,以下是百度百科中的釋義(不感興趣的同學可直接跳過):IIS是Internet Information Services的縮寫,意為互聯網信息服務,是由微軟公司提供的基于運行Microsoft Windows的互聯網基本服務。IIS是一種Web(網頁)服務組件,其中包括Web服務器、FTP服務器、NNTP服務器和SMTP服務器,分別用于網頁瀏覽、文件傳輸、新聞服務和郵件發送等方面,它使得在網絡(包括互聯網和局域網)上發布信息成了一件很容易的事。
使用IIS的好處和介紹完了,那么接下來就來說說如何使用IIS部署網站吧!要使用IIS,第一步就是安轉IIS,我這里只介紹Win10下如何安轉,使用Win7或WIn8可自行百度“IIS安轉”即可獲得教程。
1.打開【控制面板】,直接用小娜搜索【控制面板】即可找到(在系統設置中搜索控制面板也可以找到)。
2.選擇【程序】
3.選擇【啟用或關閉Windows功能】
4.在【Windows功能】對話框中勾選【Internet Information Services】下的【FTP服務器】、【Web管理工具】和【萬維網服務】中的所有選項,并點擊【確定】
5.Windows功能會開始下載并安轉相應的程序,這個過程需要耗費幾分鐘的時間,直到出現直到出現“Windows已完成請求的更改”,點擊重啟電腦
6.在瀏覽器中輸入“localhost”,出現如下內容即標識安轉成功
到這里IIS服務已經安轉完畢了,接下來就要用IIS部署一個網站。
1.打開【Internet Information Services(IIS)管理器】,通過小娜直接搜索IIS即可找到
2.找到你的電腦下的【網站】
3.右鍵選擇【添加網站】
4.在【添加網站】窗口中填入網站名稱(根據自己的喜好取名稱即可)、物理路徑(你需要將網頁放到該目錄下才可訪問)和IP地址(你電腦的IP地址)
5.將你的原型網頁(aDemo)放到你設定的目錄下,例如我這個就是要放到“F:\MyDemo"這個目錄下。
6.通過你的IP地址(192.168.3.123就是我的IP地址)+原型網頁文件夾(aDemo就是你放置HTML頁面的文件夾)名稱即可訪問
7.這個時候還只能在你的電腦上訪問,但是你同事的電腦還是訪問不了,需要你將你電腦上的防火墻關閉。怎么關閉防火墻大家可以自行百度一下,上面有很多教程。
至此你的目的就算是達成了,你可以將這個鏈接發給設計、開發、測試同學訪問并查看你的原型,并且你更新了原型之后,他們看到的內容也會同步更新,再也不用你重新壓縮、發送了。不過要注意的是,這種地址只能在公司內網訪問,在家里或其它地方是無法訪問的,這也防止了信息外流。