記錄第一次將自己的網頁部署到服務器上的過程


0 寫在前面

  近來又是疏於編寫文章。2019春季學期的軟件工程課程項目也已經如火如荼的啟動了,我和我的團隊負責的項目是實現一套基於物聯網的智能機器人系統

  學校還算蠻給力,提供了一個服務器(雖然只是1核1G的),這樣就可以將團隊的主頁給部署到服務器上,被大家訪問了。

  由於是第一次的部署,我在這個過程中遇到了不少坑,在這里簡要記錄一下~

  這里再明確一下需求:很簡單,就是我想讓其他連接到互聯網的電腦可以通過網絡訪問到我自己編寫的網頁

1 環境/工具

  作為必要的說明部分,在本篇文章的開始,首先介紹我所用到的環境,以免朋友們在閱讀完本文后發現與自己所用到的環境不一致而耽誤您的時間。

  作為新手(而且我也不太會用Linux)我申請了一個Windows Server R2016的服務器。

  網站的管理上,我則是使用了對新手友好,容易操作的IIS(信息服務管理器)。IIS可以在Windows上安裝。

  網頁代碼的管理我采用了github作為一個文件“中轉站”。這是由於服務器性能一般,也沒配置過好用的編輯器,直接在上面寫代碼不如本地方便。因此采用了一個“中轉站”,就可以在本地寫好代碼調試過了之后,直接push上去,在服務器上pull下來即可。

  連接服務器的方法我采用的是windows自帶的mstsc,同樣也是比較簡單。

  本地的操作系統是Win7,如果是Windows系列的話,操作起來都是十分相似的。

2 連接到服務器

2-1 什么是服務器

  這是我第一次接觸到服務器的操作,之前都是在別人口中聽說到有關服務器的使用,對服務器建立起感性認識,這還是第一次。

  下面我們一起來看看百度百科給出的關於服務器的定義:

服務器,也稱伺服器,是提供計算服務的設備。由於服務器需要響應服務請求,並進行處理,因此一般來說服務器應具備承擔服務並且保障服務的能力。
服務器的構成包括處理器、硬盤、內存、系統總線等,和通用的計算機架構類似,但是由於需要提供高可靠的服務,因此在處理能力、穩定性、可靠性、安全性、可擴展性、可管理性等方面要求較高。
在網絡環境下,根據服務器提供的服務類型不同,分為文件服務器、數據庫服務器、應用程序服務器、WEB服務器等。

  通俗的理解(我個人的理解),服務器就像是一台性能更好的、一直保持開機狀態的“大電腦”。所以才有了我身邊一些搞ML的同學經常說的“把一個模型掛到服務器上跑着”等等之類的說法。我以前也曾經嘗試過讓自己本地的網頁讓別人訪問,當時我並不了解服務器的概念,現在看來,當時讓別人訪問我的電腦的行為,其實就是將我自己的電腦充當了服務器的角色罷了。

  不過總感覺關了防火牆,讓別人都有權限訪問我的電腦這種情況太危險了,所以用上服務器的話,就可以消除掉不少的擔憂。

2-2 怎么獲取一個服務器

  說實話這個我不太了解(因為舍不得自己買),我的服務器是直接找老師申請的,估計自己在各大服務器公司上購買過后,自然就知道獲取流程了吧~

  總之獲取一個可以操作的服務器的最終的結果是獲取到服務器的IP地址、登錄用戶名和密碼。知道這些信息,就可以使用啦。

2-3 使用Windows自帶的mstsc連接接到自己的服務器

  對於經常使用的遠程桌面連接命令mstsc遠程管理電腦或者服務器的人來說,遠程桌面連接命令mstsc的使用很簡單。但是對於從來沒有接觸過遠程桌面連接命令的人來說,首次使用可能連需要進行設置都不清楚。我們這里將遠程桌面連接命令mstsc的使用方法進行詳細介紹。遠程桌面連接命令mstsc使用前需要進行設置。

  • 第一步:首先在windows下使用快捷鍵windows+R或者單擊開始,在搜索程序中輸入,搜索mstsc,回車確定后即可打開mstsc

       

  • 第二步:打開mstsc后,輸入你在2-2中獲取到的服務器的IP地址

        

  • 第三步:點擊連接,選擇其他用戶,輸入你在2-2中獲取的用戶名和密碼,即可連接到你的服務器

       

  大功告成,現在你已經連接到你的遠程服務器了!給人的感覺就像是在操縱另外一台電腦一樣!

3 在服務器上配置IIS

  剛剛申請到的服務器就像新買到的電腦一樣,上面並沒有你需要的環境。所以我一開始摸索了好久也沒能找到IIS。

  這里我們就可以先在服務器上配置IIS

3-1 什么是IIS

  iis是Internet Information Services的縮寫,意為互聯網信息服務,是由微軟公司提供的基於運行Microsoft Windows的互聯網基本服務。最初是Windows NT版本的可選包,隨后內置在Windows 2000、Windows XP Professional和Windows Server 2003一起發行,但在Windows XP Home版本上並沒有IIS。IIS是一種Web(網頁)服務組件,其中包括Web服務器、FTP服務器、NNTP服務器和SMTP服務器,分別用於網頁瀏覽、文件傳輸、新聞服務和郵件發送等方面,它使得在網絡(包括互聯網和局域網)上發布信息成了一件很容易的事。

3-2 IIS的安裝

  在不同的windows操作系統上安裝不同的IIS版本的方法都是不同的,這里我用到的是在Windows Server R2016下安裝IIS7的方法

  • 第一步:在開始菜單中打開控制面板

       

  • 第二步:在控制面板選項中選擇程序和功能

       

  • 第三步:在程序和功能中選擇啟用或關閉Windows功能

       

  • 第四步:打開啟用或關閉Windows功能后會出現服務器管理器的窗口,點擊添加角色和功能。

       

  • 第五步:點擊添加角色和功能后,會啟動添加角色功能向導,前面的幾步直接點擊下一步就好。

  

  

  

  • 第六步:接下來的幾步進入了安裝選項環節,這里需要根據你的需求安裝完整。這里我只安裝了點擊Web服務器后,系統默認的選項,也能實現正常的功能。

  

  

  不過如果沒有安裝完整的話也沒有關系,以后有用到的話,再回頭重復上述步驟即可完成安裝!

  • 第七步:在選擇完安裝選項后,系統會向你確認安裝項,確認無誤后,點擊安裝即可開始安裝。安裝過程需要耗費一定的時間。

  

  當然這里需要說明的一點是,您看到的確認界面與我可能有些不同,這是由於我之前已安裝過IIS,這里為了演示我選擇了一些其他的安裝項。具體以您所選擇的安裝項為准。

  • 第八步:至此,我們的IIS就安裝完畢了!我們快打開看一看我們的IIS到底長啥樣。點擊開始菜單,Windows管理工具,找到IIS,打開

  

  接下來就可以在我們的IIS上進行網頁的部署啦!

  

4 將網頁部署到IIS上

  • 第一步:展開導航欄,找到網站,右鍵單擊網站,選擇添加網站。

  

  • 第二步:
    • 網站名稱隨便填寫一個用於標識當前的網站便於日后維護。
    • 物理路徑需要填寫您的工程項目所在的路徑(就是我想展示的網頁文件html在服務器中所在的位置)。
    • 修改一個未被占用的端口號(默認的80已被占用)。
    • 根據自己的需要修改協議類型http/https。
    • 最后點擊確定,即可完成部署。

  

  • 第三步:這里還沒結束,還有一些必要的配置。現在我們已經建立好了一個新網頁了,如果直接預覽的話,是無法訪問的。因此我們需要編輯權限

  

  • 第四步:選擇安全->編輯->添加->輸入everyone->確定(由於我之前添加過了everyone,剛建立起的網頁是沒有的!)

  

  • 第五步:為everyone增加權限

  

  • 第六步:選擇默認首頁。由於輸入網址后,需要自動搜索你工程文件目錄下選擇那個頁面作為登錄首頁,所以這一步設置也是必要的。如果在默認首頁列表中沒能找到物理路徑下對應的文件,網站也是無法正常訪問的。
    • 在主頁下找到默認文檔
    • 選擇啟用
    • 編輯默認文檔順序或添加新的默認文檔
    • 完成設置,返回主頁后重新啟動網站

  

  

  

  

5 檢查你的網站吧

  完成上述步驟以后,就可以嘗試訪問你的網站啦!輸入你服務器的IP地址加上你剛才4-2中設置的端口號,就可以看到你所編寫的網頁了。

  

6 寫在后面

  學習了不少的前端知識,也自己動手嘗試着編寫了一些網頁,但當自己的網頁可以被別人看到的那一刻,內心還是充滿了喜悅與滿足感

  現在軟工項目已經算是進展到了一半的階段,完成了1輪的迭代。硬件已經可以運行,前端也基本部署完畢。接下來的核心任務,就是服務器和機器人硬件之間的通信了。

  作為PM的先先還要頂住壓力,迎難而上啊!哈哈。

  明天就要迎來馮如杯的現場答辯了。前面已經經歷了那么多艱辛,現在就差這最后一搏了。希望自己會有好運吧。先先,加油呀!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM