用伺服器安裝nginx部署web頁面

作為乙個野生的ioser,技術棧好像還沒到這麼遠，平時也用不太到，主要最自學的幾個方面碰巧聯絡在了一起，因為愛好吧，就研究了下。對了還有戴銘做的那個ios高階晉級網課，我也打算訂閱乙份，並且每章帶有我自己的理解重新在這裡輸出一遍。因為這些年感覺學的東西確實很雜，不精也不成體系，但是有句話叫量變引起質變嘛，所以也未必不是一件好事。那麼話不多說，我們開始分享。

linux的基礎知識，前端的基礎知識，有一台伺服器，有乙個網域名稱

linux的基礎知識是因為公司最近在搞分享，我們的運維小夥伴分享了一些linux的入門指令，我又碰巧買了一本鳥哥的linux私房菜看的津津有味，所以老想找機會實驗下，mac電腦其實就可以實驗很多，但是我還是想在伺服器上弄感覺更爽。伺服器嘛，我也有一台，當時是為了買了一台國外的系統是centos的伺服器，碰巧鳥哥的那本書中基礎例子就是拿centos講的……於是嘿嘿嘿……至於為什麼要部署web頁面，存粹是因為弄reactnative的時候了解了一點react.js,所以寫了乙個react.js頁面就很想布置上去。

好了，理由講完了，我們現在講步驟

我們先從伺服器開始。首先用你的電腦終端登陸伺服器ssh -p 22 [email protected],-p 22其實是指定埠，一般預設埠就是22，root是你的伺服器名字，我的因為是預設root也沒改，後面的ip位址就是你的伺服器位址了。你輸入完成後終端會提示你輸入密碼，你輸入完伺服器密碼鏈結成功後大概就是這個樣子。

進入伺服器了以後你就可以安裝nginx了，這個nginx其實就是web伺服器，可以讓你能部署web頁面的東西。安裝nginx的方法其實很簡單，yum install nginx就直接安裝了，不知道之前為啥在部落格裡面搜到的是分步安裝的方法，這給我好一頓坑……小白還是用這種方式比較簡單。安裝完成後，你就可以通過ll命令或者ls命令找到nginx.conf，或者conf.d的位置。一般來說它們都在/etc/nginx/nginx.conf的目錄下。其中conf.d是乙個資料夾,用來放置你的自定義伺服器的配置的，如果你這個資料夾裡有配置nginx會優先使用這裡面的配置。nginx.conf是預設的配置檔案，你要配置的web頁面的網域名稱和位址就在這裡。如圖：

我因為也沒什麼自定義好配置的，就直接用的簡單的方法修改了nginx.conf裡面的內容。到這裡你可能需要一點簡單的linux命令，vi命令，比如cd ..是返回上一層，：q！不儲存退出，等等。我們用vi開啟nginx.conf的內容，如圖：

這裡面我們能看到錯誤日誌error_log和連線日誌access_log,後面是它們的位址，等以後如果除錯的話我們可能會用到。

nginx -s reload，請注意假如你要是第一次安裝nginx，你一定要先啟動再重啟，我就是看的別人的部落格直接輸入的重啟命令，結果報了1個莫名其妙的錯誤，浪費了很多時間。

伺服器的步驟大概差不多就這樣，我們開始弄**

上面說了，你需要乙個網域名稱，初次嘗試我決定申請個免費的，就去freedom裡面申請了1個免費的網域名稱。申請網域名稱很簡單，但是你要拿這個網域名稱解析伺服器的ip,這個步驟很簡單，就不寫了。剩下的就只是本地打包web上傳到伺服器裡。這裡面需要乙個命令：

scp /users/***xx/desktop/htmltitle.cpp [email protected]:/root/htmltitle

複製**

這個命令有個正反的問題，我剛在網上查到的時候用起來老是提示我找不到該路徑。重點就是你的輸入環境，比方說當你前面是【root@vulter nginx]:這就是你在伺服器環境，當你前面是你的電腦名時，這個就是在你的本機環境，不同的環境後面的ip位址是不一樣的，其實就是把誰當伺服器的問題，因為你的電腦也可以是乙個伺服器，總之按這個命令簡單來，這是在你的主機環境下上傳檔案的命令。

/users/***x/desktop/htmltitle.cpp是你要上傳的檔案的位址，mac裡面直接拖到終端就可以得到路徑。[email protected]就是你要的伺服器的名字和ip位址，後面的/root/htmltitle就是你在伺服器裡的儲存位址。

好了，這些都完成就基本大功告成。如圖：

好了，有點簡陋，秀一波恩愛，開溜～～

用伺服器安裝nginx部署web頁面

伺服器安裝部署nginx

Nginx伺服器部署

Windows下安裝部署Nginx伺服器

用伺服器安裝nginx部署web頁面

伺服器安裝部署nginx

Nginx伺服器部署

Windows下安裝部署Nginx伺服器

相關推薦