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

大神蝦發表於2019-03-12

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

Linux的基礎知識,前端的基礎知識,有一臺伺服器,有一個域名

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

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

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

用伺服器安裝nginx部署web頁面
進入伺服器了以後你就可以安裝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部署web頁面
我因為也沒什麼自定義好配置的,就直接用的簡單的方法修改了nginx.conf裡面的內容。到這裡你可能需要一點簡單的linux命令,vi命令,比如cd ..是返回上一層,:q!不儲存退出,等等。我們用vi開啟nginx.conf的內容,如圖:

用伺服器安裝nginx部署web頁面
這裡面我們能看到錯誤日誌error_log和連線日誌access_log,後面是它們的地址,等以後如果除錯的話我們可能會用到。

用伺服器安裝nginx部署web頁面
那麼下一頁這server大擴號裡面的內容我們要好好關注一下了,其中的listen後面應該寫埠號,別的部落格裡面一般都指定了什麼埠號,我是小白就直接用預設的80埠號。servername就寫你的伺服器地址,可以寫ip地址,也可以寫域名,我這裡就直接把註冊的域名寫上了www.lslovexiao.ml。後面也可以給大家看一下。root後面的內容是你上傳的打包好的web地址,我這裡也是nginx預設的路徑 /usr/share/nginx/html,好奇的寶寶可以進去看一下,就是一個html檔案。那麼假如你都修改完後,退出vi,重啟動nginx就可以正常執行了nginx -s reload,請注意假如你要是第一次安裝nginx,你一定要先啟動再重啟,我就是看的別人的部落格直接輸入的重啟命令,結果報了1個莫名其妙的錯誤,浪費了很多時間。

伺服器的步驟大概差不多就這樣,我們開始弄網站

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

scp /Users/xxxxx/Desktop/htmltitle.cpp root@139.59.250.52:/root/htmltitle
複製程式碼

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

/Users/xxxx/Desktop/htmltitle.cpp是你要上傳的檔案的地址,mac裡面直接拖到終端就可以得到路徑。root@139.59.250.52就是你要的伺服器的名字和ip地址,後面的/root/htmltitle就是你在伺服器裡的儲存地址。

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

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

好了,有點簡陋,秀一波恩愛,開溜~~

相關文章