服務器----靜態網頁配置

本篇文章主要寫如何在擁有一個服務器和擁有一個域名的情況下將自己的小網頁(靜態)掛在網絡上。(小白的技術探索)

【服務器版本:騰訊雲服務器-Ubuntu16.04,PC系統:Windows10】

一.背景:

第一次接觸服務器的童鞋肯定會想着能不能把自己寫的網頁掛在服務器上,或者域名上,讓別人訪問,這樣以來你甚至可以把自己的個人網頁掛在網絡上,實現信息的傳播。

二.準備:

1.騰訊雲服務器-Ubuntu16.04(本文運行環境)

2.一個域名(當然不用域名也是可以的,訪問的時候需要輸入ip訪問)

3.WinScp(由於我直接在Windows下操作,所以只講windows下使用的軟件,Linux下可以使用SSH來操作)

4.測試用的小網頁(源代碼可以在這下載https://pan.baidu.com/s/1o6kUxEM?errno=0&errmsg=Auth%20Login%20Sucess&&bduss=&ssnerror=0

三.服務器配置:


1.


訪問騰訊雲官網購買服務器,由於本人是學生,所以購買學生版本,不過這個是需要搶的,搶到的機率也是比較大的,建議購買之前先熟悉一下規則,搶到服務器之後還可以贈送一個免費的域名,這個是非常划算的,只需要一元錢就可以買到,當然非學生只能正常購買咯,是每個月65元。
這裏寫圖片描述

購買之後需要做一些初始化工作,比如說域名的實名驗證(不驗證是沒法使用的),當然後續有一些備案工作,暫時先不管他,域名驗證之後有域名解析的操作,具體在下面演示(如果選擇不使用域名,就不用做這些啦)


2.


購買好服務器和域名後,登錄騰訊雲。
這裏寫圖片描述
首先我們從服務器開始,再次強調以下環境啊,服務器是ubuntu,而操作時候用的是windows10,是因爲,騰訊雲現在支持在網頁中遠程操控服務器,所以我乾脆就不進linux系統去敲命令行了。選擇雲服務器一項,進入自己的服務器列表,如下圖所示
這裏寫圖片描述

我們點擊最後面的登錄按鈕就會出現終端,如下圖所示
這裏寫圖片描述

好,到此爲止我們進入了我們的服務器,現在就可以操作他了(話說我一開始看到這個界面的時候很驚訝,很熟悉的終端模樣,我還奇怪他爲什麼不裝個桌面……)


3


接下來是我們的主角登場—-Apache
(我寫的第一篇csdn博客就是如何安裝windows平臺的apache,有windows服務器的小夥伴可以看一下,在我還是小小小小白的時候寫的傻瓜式安裝教程……哈哈哈)
那麼apache是什麼?先來簡單科普一番。

Apache是世界使用排名第一的Web服務器軟件。它可以運行在幾乎所有廣泛使用的計算機平臺上,由於其跨平臺和安全性被廣泛使用,是最流行的Web服務器端軟件之一。它快速、可靠並且可通過簡單的API擴充,將Perl/Python等解釋器編譯到服務器中。同時Apache音譯爲阿帕奇,是北美印第安人的一個部落,叫阿帕奇族,在美國的西南部。

                    ------資源來自360百科(http://baike.so.com/doc/5333438-5568873.html)

嗯,簡單瞭解一下我們要裝的是個是個什麼東東,也就是說我們的網站需要靠它才能正常的實現訪問,不過Apache默認是不支持php等動態網頁(.php),需要支持的話需要安裝apache-php插件,安裝mysql等才能實現動態頁面的訪問,所以我們這次演示的是靜態網頁(.html或者.htm)。

好,第一步就是在服務器安裝apache2
這裏寫圖片描述
這裏我是安裝過的apache2,所以顯示已經安裝的信息,如果沒有安裝的話是提示一些下載信息,直接選擇yes繼續就會完成。
完成之後我們會在它的目錄下看到index.html文件
這裏先使用cd ..退回根目錄,然後cd var/www/html訪問apache目錄,ls列舉出目錄下面的文件
這裏寫圖片描述
我們可以使用終端瀏覽器等工具訪問它,但是我這裏只使用cat查看以下內容就好了
在終端輸入下面的命令查看文件,正常的文件是一些英文的信息,標註了ubuntu 下apache的一些商品信息,這裏我的是因爲被修改過,我就不演示了,這東西如果安裝順利的話,這些東西都不用看
cat index.html

安裝好之後我們進入下一個步驟。


4.


我們現在準備好了apache,下一步就是把自己寫的小網頁掛在服務器上咯,去網上搜一個現成的頁面修改一下吧。

……………………………………………………………………………………………………………………………………………………………………………………………………華麗的分割線

在源碼街找到一段代碼:
一個表白網頁的源碼
還是挺浪漫的,可以修改給女朋友看哦。
我們下載下來查看一下。
這裏寫圖片描述
主要包含一個主頁面和一個文件夾,文件夾裏內容是一些js腳本,那麼我們該怎麼把這些東西放在服務器上呢?
那就要用到開篇所說的軟件咯—–.WinScp(再強調一遍Linux可以用SSH的scp命令複製文件到服務器,手機上可以使用xplore軟件ssh服務傳送文件)
WinScp的軟件直接在百度搜索。
這裏寫圖片描述
傻瓜式安裝,記得選擇雙窗口界面,這樣可以直接拖拽,比較方便
安裝好後我們要添加服務器
這裏寫圖片描述

主機名填寫你的服務器公網ip,這個ip是在你的服務器列表顯示的,(就是在上面我用藍色筆塗抹掉的位置),端口號就是linux放通的ssh端口,固定不變,用戶名需要填root,密碼是root用戶密碼,這裏暫時不填,因爲我們還需要在這之前做另一件事情——-創建root帳戶,爲什麼要使用root帳戶呢,因爲我們不使用root文件是沒法複製過去的。

打開我們剛纔用的終端,輸入命令

sudo passwd root

這時候系統需要你輸入密碼,(輸入的時候是不會顯示**的,不要太天真的想我怎麼輸了半天沒什麼顯示),重複密碼後回車創建成功

成功之後我們還要解決一個問題,這裏我借用csdn mazicwong博客的一張圖,同時我的問題也是通過他的帖子解決的,在這裏謝謝他(如果作者要求刪除請在下面留言),這個圖片產生的原因是因爲root權限不夠,所以我們下面
這裏寫圖片描述

修改etc/ssh/sshd_config文件(vi編輯,具體編輯命令請自行百度)

su - root    //授予root權限

vi /etc/ssh/sshd_config    //啓動編輯器

打開之後找到下面這一段(下面是修改過的)
Authentication:

LoginGraceTime 120

#PermitRootLogin without-password

PermitRootLogin yes

StrictModes yes

(注意:第一句加粗斜體需要在前面加一個#號,第一句和我的不一樣也沒關係,因爲#號是註釋的意思,所以這句話就會被註釋掉,第二句加粗斜體的是要自己寫上去的)
保存退出。ok。現在我們已經可以放網頁啦。

注意可能需要重啓一下ssh,或者重啓一下服務器才能生效,

systemctl restart sshd

檢查重啓結果

systemctl status sshd

哎。對了,在這之前,我們把Winscp添加的服務器密碼和登錄確定了吧!


5.


上傳網頁:我們的WInscp軟件打開,左邊是pc文件,右邊是ubuntu文件
我們把下載的網頁解壓到pc磁盤下,然後選中文件拖拽到右邊(右邊的目錄需要是var/www/html哦)
這裏寫圖片描述

拖拽完成後顯示
這裏寫圖片描述
Done!


6.


啓動Apache
點開終端,輸入apache啓動命令

service apache2 start

然後輸入密碼就可以打開,成功界面如下哦。
這裏寫圖片描述


7


放通端口【由於本人還是小白,所以剛開始整的時候,不知道有這個東西,其實到現在我也不明白裏面的機理,經過各種實驗,發現我們在放通http訪問的80端口後運行正常】
這裏寫圖片描述
選擇安全組:然後新建安全組,選擇自定義(後期修改,沒有配圖),點擊下面列表的添加規則,選擇http放通,就可以啦,點擊新建之後就會保存下來,然後在列表項裏添加實例,選擇您的服務器,確定後就完成啦。
這裏寫圖片描述


8.


配置了這麼久終於到了享受成果的時刻了,趕緊打開瀏覽器輸入你的IP地址試試吧(公網ip哦)
效果如下
這裏寫圖片描述


附加項:


哎。這網頁長成這樣怎麼給女朋友發呢,趕緊修改一下吧,幸好Winscp提供了修改源碼的功能,我們來修改一下html達到自己想要的效果吧!
這裏寫圖片描述
選擇編輯就可以看到源碼。
編輯一下你和女票的姓名,刪除一下廣告,修改一下時間等等,然後保存刷新就可以看到效果啦。
文字直接修改,
時間代碼是這一部分,修改你和女票認識的時間(注意月份需要減1):
這裏寫圖片描述

快把網址發給女票吧!

四.域名綁定:

呀!突然發現還有個免費的域名哦,我們不妨把域名也把綁定上去吧。


1.實名認證


剛買好的域名需要實名認證,實名認證選項在域名管理那裏,我就不截圖了,然後驗證時間大約是2,3天,應該也有很快的吧,這個是需要等等的。


2.域名解析


新買的域名需要解析,解析是什麼呢,自行科普哦。
這裏寫圖片描述
選擇雲解析然後選中自己的域名,然後添加做解析(我的網址是surine.cn歡迎大家參觀哦!)
這裏寫圖片描述

這裏點擊添加記錄,記錄類型默認A,主機記錄根據小提示寫,線路默認,關聯默認,記錄值寫服務器ip(服務器公網ip),TTL寫10分鐘,確認之後,對自己的域名開始解析,這個需要等待一段時間,您不妨先去喝杯茶或者刷個動態,10分鐘後來看看結果。


3.訪問


現在您就可以用您的域名訪問剛纔的網頁咯。
以後您如果要對網頁進行編輯直接用Winscp進行編輯,刷新就可以顯示新內容了。

五.總結:

到此爲止我們已經實現了把小網頁掛在服務器上啦,實驗搭建用了一晚上,寫這篇文章又用了一晚上,不過看到成果還是挺不錯的。本人小白,希望把自己學到的知識分享給別人,能幫助更多的人,如果我的文章裏有錯誤的話還請輕噴……麻煩在評論區指正,如果您覺得文章對您有用,就評論區支持一下,我會努力寫出更好的文章的,謝謝您的閱讀。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章