之前前端授課老師有叫我們自己做一個個人畢業(yè)作品,實際上在這之前我一直想要做一個完全由自己建設(shè)布置的個人網(wǎng)站。之前我有試過使用github+jekyll的免費空" />
時間:2023-08-13 12:21:02 | 來源:網(wǎng)站運營
時間:2023-08-13 12:21:02 來源:網(wǎng)站運營
我的阿里云建站體會與問題解決過程:前言:關(guān)于選擇服務(wù)器的糾結(jié)
之前前端授課老師有叫我們自己做一個個人畢業(yè)作品,實際上在這之前我一直想要做一個完全由自己建設(shè)布置的個人網(wǎng)站。之前我有試過使用github+jekyll的免費空間搭建博客,但中間問題實再是太多了就沒搞成功。也專門申請一張可以VISA支付的信用卡來免費試用12個月亞馬遜AWS云服務(wù)器(也就是EC2),當時的我為了方便翻墻選了“美國西部(俄勒岡)”地區(qū)的服務(wù)器,當時選的操作系統(tǒng)是可視化界面的windows server 2008,僅僅是為了好玩、圖方便。后來真正要開始建個人網(wǎng)站時卻發(fā)現(xiàn)EC2完全不適合自己(可以說除了能翻墻外就沒其它優(yōu)點了),服務(wù)器遠在大洋彼岸的米國,無論是日常操作還是上網(wǎng)系統(tǒng)響應(yīng)速度都非常的慢,另外我的英文水平也確實比較差,所以說亞馬遜上關(guān)于EC2服務(wù)器部署網(wǎng)站的教程我也看不懂,也就只能另外再找找國內(nèi)的服務(wù)器來試試看啦~
于是考慮到自己要長期使用服務(wù)器,只能在BTA這幾家國內(nèi)大型可靠的服務(wù)器商這里選,試用完了騰訊的7天免費服務(wù)器,我多次對比發(fā)現(xiàn)還是阿里云學(xué)生機適合自己,初心小白人又窮只能往便宜實用的入手了。。。
好的,那么就決定是你了,阿里云!
1核 2GB系列 III共享計算型 n4 ECS服務(wù)器,年付費學(xué)生機的價格為118元一臺。相當于一個月的費用大概才10塊錢,可以用12個月,還是不錯啦~
(后來發(fā)覺自己完全愛上了Linux內(nèi)核系統(tǒng)了,家里兩臺電腦操作系統(tǒng)全部換成了win+Linux雙系統(tǒng)了QWQ)
(也就是說我其實已經(jīng)看過相關(guān)教程了,但是我一個學(xué)前端的娃怎么可能會自己不寫網(wǎng)站前端架構(gòu)去用別人的框架嘛!學(xué)習(xí)是要鞏固的,不能偷懶?。?/code>
然后我的目的很簡單:
建一個功能簡單明了,能放自己作品的個人網(wǎng)站。
我首先給自己定下的建站任務(wù)是:
一. 建設(shè)部署服務(wù)器httpd互聯(lián)網(wǎng)訪問服務(wù)與網(wǎng)站上線。
我的建站部署過程其實很簡單,因為只需要用到Apache的httpd功能做好互聯(lián)網(wǎng)訪問相關(guān)的配置就OK了,基本上一天就能搞定。
我因為第一次弄這個,遇到了一些問題,倒騰了好幾天才搞定了,后面會慢慢解釋的。
二. 網(wǎng)站備案。
實際上,如果不是特別需要網(wǎng)站備案的話,只要服務(wù)器的網(wǎng)絡(luò)部署完畢后,用服務(wù)器的公網(wǎng)IP也能從外部訪問到服務(wù)器的網(wǎng)站上內(nèi)容,如果對于服務(wù)器的安全性有把握和不需要外接廣告的話是可以忽略買域名和備案這一條的(只要做好前面第一條httpd網(wǎng)絡(luò)訪問功能就好了)。
我是因為自己的網(wǎng)站需要對外公布瀏覽和防止黑客攻擊一類的事件發(fā)生,有名字也好記一些,所以我還是買好了域名準備備案。
網(wǎng)站部署雖然很快,但是備案等待審核的過程可能要1個多月,所以,在部署服務(wù)器的同時可以先把案備起。
關(guān)于建設(shè)部署服務(wù)器系統(tǒng)的HTTPD網(wǎng)絡(luò)訪問服務(wù)詳解:
首先,如果本身本地電腦不是linux或者mac系統(tǒng),而是windows操作系統(tǒng)的話,想要連接上遠程的linux服務(wù)器進行相關(guān)網(wǎng)站操作,就必須要有兩個軟件:一個是PuTTY,一個是filezilla。
簡單的介紹一下PuTTY+filezilla這兩個軟件:
- 軟件1:PuTTY,是用來在本地電腦上遠程登錄linux系統(tǒng),并進行相關(guān)系統(tǒng)操作的一個小巧實用的遠程登錄軟件。
- 軟件2: filezilla,是一種使用FTP網(wǎng)絡(luò)服務(wù)協(xié)議,能夠使本地電腦和服務(wù)器之間自由傳輸文件用的網(wǎng)絡(luò)傳輸軟件,通常的FTP類軟件的上傳下載增刪改查功能它都有。
以下來講解一下這倆個軟件在部署服務(wù)器網(wǎng)站中的相關(guān)操作用法。
關(guān)于PuTTY的操作:
PuTTY的操作很簡單,主要的作用也就是用于遠程登錄。
以下是圖文示例:
步驟一:
下載好PuTTY,打開登錄界面后,輸入自己服務(wù)器的公網(wǎng)IP。
其它的按照圖圖示填成一樣后點“打開”就OK。之后跳出來的提示框直接點擊YES確認就行了。
(下載的英文版PuTTY也一樣的操作)
步驟二:
在黑框框里輸入命令:
root
然后按回車鍵,再輸入自己之前買ECS時設(shè)置的密碼。
步驟三:
使用PuTTY登錄到服務(wù)器后,開始安裝外部互聯(lián)網(wǎng)用戶訪問網(wǎng)站時必須的軟件包:安裝Apache的httpd服務(wù)。
繼續(xù)在黑框里輸入命令:
yun –y install httpd
步驟四:
新建/var/www/html網(wǎng)頁文件夾與網(wǎng)站管理員專用賬戶。
(具體操作和相關(guān)命令在下面的截圖中,點擊圖片即可看到大圖,懶得自己寫了,直接拖阿里的圖過來OTZ)
以上,就是最簡單的linux系統(tǒng)服務(wù)器的互聯(lián)網(wǎng)訪問部署步驟了,原理就是通過apache提供的httpd服務(wù)(此外服務(wù)器還需要開放80端口),讓外部互聯(lián)網(wǎng)用戶能夠瀏覽到服務(wù)器內(nèi)根目錄為/var/www/html文件夾內(nèi)的網(wǎng)頁文件夾內(nèi)容(也就是整個網(wǎng)站目錄)。
當然,這樣只能算是已經(jīng)能夠讓外部用戶訪問到服務(wù)器的公網(wǎng)的apache頁面,我們做好的網(wǎng)站頁面文件還沒有上傳到服務(wù)器上,服務(wù)器網(wǎng)站目錄里還什么都沒有,無論用戶怎么刷新網(wǎng)站瀏覽器頁面都只能看到apache測試頁面,也就并不算已經(jīng)成功建好了網(wǎng)站。
所以,現(xiàn)在就需要將我們做好的網(wǎng)頁文件上傳到服務(wù)器上。
那么怎么樣用filezilla將網(wǎng)頁文件上傳到服務(wù)器上呢?
這就要使用到Filezilla了~
關(guān)于使用Filezilla上傳網(wǎng)站文件(網(wǎng)站上線)
Filezilla的使用步驟:
步驟一:
filezilla軟件下載,安裝到本地電腦上以后,打開filezilla。
步驟二:
在快速連接欄輸入:服務(wù)器公網(wǎng)IP、之前新建的siteadmin用戶、siteadmin用戶密碼,然后點擊“快速連接”將本地電腦與服務(wù)器上連接上。
(端口可填可不填,通常的FTP連接服務(wù)器端口默認為22)
按照圖示,將本地網(wǎng)頁文件上傳到服務(wù)器里。
在我看過的教程里提到,本地網(wǎng)頁文件上傳到服務(wù)器后,再次在瀏覽器里刷新自己ECS服務(wù)器網(wǎng)站,就能夠看到已經(jīng)新上傳到網(wǎng)站上的網(wǎng)頁了。
然而,第一次學(xué)習(xí)搭建網(wǎng)站的我,在這最后一個步驟上,出了點問題。。。
也就是我刷新了多次ECS服務(wù)器公網(wǎng)IP后,無論是在我的電腦上還是手機上,瀏覽器顯示的我的網(wǎng)站頁面都還是Apache的測試頁面,而我辛苦寫出來的網(wǎng)站主頁文件完全沒有一丁點兒痕跡。。。
還好有同樣問題的新手站長不止我一個,看了大家提到的問題和相關(guān)問題解決關(guān)鍵字我才知道自己看的教程里面有省略一個關(guān)鍵步驟沒有寫出來。
之前我已經(jīng)知道了我的新主頁文件名應(yīng)該命名為index.html才能讓Apache默認識別我的主頁是此文件的內(nèi)容,并且必需要把Apache里自帶的index.html同名測試主頁刪除替換成我自己最新制作好的index.html主頁文件。
但是這樣也仍然無效,服務(wù)器系統(tǒng)依然無法顯示我新制作出來的主頁,于是我又開始向度娘尋找解決方法。
最后找到的解決問題的關(guān)鍵是:
方法1:
找到Apache存放在服務(wù)器內(nèi)的httpd.conf配置文件,修改其默認顯示網(wǎng)頁文件夾的目錄。
具體修改httpd.conf配置文件的方法:
- 再次登錄到我的ECS系統(tǒng)內(nèi),用vim打開 /etc/httpd/conf/httpd.conf 文件,按照上面的內(nèi)容更改網(wǎng)站文件夾路徑為“var/www/html”再保存退出就OK了~
- ######修改好httpd相關(guān)文件配置后再重啟httpd服務(wù)。
怎么用vim改文件并保存我就不說了吧,反正網(wǎng)上有一大堆教程,我感覺學(xué)習(xí)vim也挺好玩的~
(雖然一開始我也被坑了一把,對于怎么退出vim完全沒反應(yīng)過來,所以說英文廢也挺痛苦的)
方法二:
注釋修改或刪除 "/etc/httpd/conf.d/" 下的 "welcome.conf" 文件
首先不太推薦刪除,刪除所用到的命令是:
rm -rf /etc/httpd/conf.d/welcome.conf
但是我本人是不建議沒有l(wèi)inux系統(tǒng)終端操作知識的人直接用rm –rf刪除文件的,因為在終端里面刪東西等于永久刪除,要是刪錯了是沒有windows那種回收站可以撿垃圾的,反正我對直接用rm –rf刪除文件非常的謹慎的(因為之前在自家電腦上裝好了ubantu系統(tǒng)后不小心把系統(tǒng)文件刪了一部分,導(dǎo)致系統(tǒng)出了問題只好重新系統(tǒng)了。。。qwq)
其次,最安全的辦法就是,把 "welcome.conf" 文件里的所有行都注釋掉。
(但是我沒有全部注釋掉,我只注釋掉了“歡迎頁面”的代碼)
還是使用vim命令打開 "welcome.conf" 文件:
vim /etc/httpd/conf.d/welcome.conf
直接在文字前面寫“#”號就注釋掉了,注釋的主要目的就是讓Apache不要顯示歡迎界面?。ˋpache默認顯示的主頁頁面是測試成功的歡迎頁面)
修改好httpd相關(guān)文件配置后再重啟httpd服務(wù)。
所以總結(jié)一下,之所以我上傳的新index.html主頁文件不被顯示在網(wǎng)站上的原因
- 原因之一可能是:之前安裝的httpd軟件包時的Apache測試頁默認的主頁目錄并不在我新建的“/var/www/html”文件夾內(nèi)(但是一般來說Apache默認的網(wǎng)站目錄就是/var/www/html)。
- 原因之二應(yīng)該就是:Apache默認顯示的主頁是測試頁面,而不是我們制作好的新主頁,所以,默認網(wǎng)站文件夾和主頁文件指向都不對,怎么可能會顯示得出來我新制作好的網(wǎng)頁內(nèi)容嘛~
好的,問題已經(jīng)解決了,再次用本地電腦瀏覽器刷新我的網(wǎng)站主頁,就顯示出來我已經(jīng)重新上傳的新的網(wǎng)站主頁了~
順手帶上我已經(jīng)布置好的個人網(wǎng)站地址:
http://www.xx-xx.xin/
https://www.xx-xx.xin/
(最近才申請好了SSL證書,不過不知道為什么瀏覽器給我說網(wǎng)站不安全,估計是證書配置方面有什么問題吧,暫時先不管了)
圖片上顯示是網(wǎng)站地址是我已經(jīng)備好案的網(wǎng)址,怎么備案我就不講了,主要配合阿里客服,再等待相關(guān)部門審核批復(fù)成功就OK,備案一點兒也不難,也不用去公安局,關(guān)鍵備完案以后要做DNS解析才能使用新的網(wǎng)址瀏覽自己的網(wǎng)站,而不至于外部互聯(lián)網(wǎng)用戶瀏覽本站頁面時用服務(wù)器的公網(wǎng)IP裸奔查看網(wǎng)站啦~
以上,這次的建站體驗和問題解決方案差不多就完畢了,其中大部分圖文都是我個人在學(xué)習(xí)過程中得出的一些經(jīng)驗和其中遇到的困難解決方案(以及太喜歡linux系統(tǒng)了,廢話特別多),里面有幾張截圖是我從阿里教程和百度百科截來的~
如閱讀后有什么疑問和建議可以給我留言或私信,非專業(yè)人士第一次做總結(jié),博主寫文能力比較差,可能寫得比較繁瑣不太方便閱讀,總之努力進步中,望不嫌棄,感謝閱讀。
另外,原本博主是個設(shè)計師轉(zhuǎn)前端開發(fā),雖然感覺就業(yè)希望渺茫,從小一直就挺喜歡折騰繪畫設(shè)計、手工和計算機、網(wǎng)絡(luò)方面的東西的,希望能夠在這里交到志同道合的朋友吧~
附上個人github主頁傳送:Heron
站酷設(shè)計主頁傳送:張二鷺
(程序員與設(shè)計師朋友們有粉必回~!)
以及第一次在本站(第一次是發(fā)在簡書上的)上發(fā)表文章,上傳上來的MD文檔感覺效果不太好,估計我排版和書寫問題比較大吧。。。
后記:之前我沒有仔細看自己的課程學(xué)習(xí)科目,不知道我JAVA后端課程里面是會學(xué)習(xí)用服務(wù)器建站的,但是。。。
但是我特喵的不知道,我特喵的自學(xué)去了。。。我自學(xué)去了。。。(其實我連JAVA都想自學(xué)的,但是我這個學(xué)習(xí)進度不行啊,我感覺我還是先學(xué)好前端再說吧)
好吧,多學(xué)習(xí)、多思考、會自己解決問題也是好事情,就是挺折騰人的~
關(guān)鍵詞:題解,過程,體會
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。