1. 程式人生 > 其它 >兩種搭建前端網站的方式

兩種搭建前端網站的方式

(本文為linux遠端伺服器)

一、利用linux面板,本文使用的是寶塔Linux面板

  1.使用winscp或xftp連結遠端伺服器,並開啟伺服器終端,如下圖所示:

  

  2.根據寶塔官網教程,複製命令到伺服器終端下載安裝寶塔面板,並根據提示,開啟寶塔面板頁面,輸入賬號密碼登陸,如下圖所示:

  

  3.點選面板左側軟體商城安裝Nginx,本文使用Nginx搭建;

  4.點選面左側網站。點選新增站點,如下圖所示:

  

   

  根目錄放置專案打包檔案,可以作為jenkins打包後文件儲存位置,具體可看上一篇文,jenkins+碼雲自動部署打包前端專案

   5.啟動nginx,如下圖所示,當前狀態為開啟即可: 

   

   6.點選面板網站,如下圖操作依次點選,驗證站點是否搭建成功:

  

   

   7.能夠看見自己的頁面則代表搭建成功:

  

二、利用httpd搭建網站服務

  1.開啟伺服器終端,輸入命令:yum install -y httpd安裝httpd;

  2.安裝完成,終端輸入:systemctl start httpd,啟動httpd服務;

  3.終端輸入:systemctl status httpd,檢查是否啟動成功,看見running則代表啟動成功;

  4.httpd服務預設使用80埠,若是80埠被其他程式佔用,可能會導致httpd啟動失敗(Job for httpd.service failed because the control process exited with error code. See "systemctl status httpd.service" and "journalctl -xe" for details.),可以通過暫停佔用80埠的服務來解決,也可以通過更改httpd使用埠來解決;

    4.1.終端輸入命令:vi /etc/httpd/conf/httpd.conf;

    4.2.找到如下圖所示位置,將預設的80埠號改為不被佔用的埠號:

    

    4.3.儲存退出(按esc鍵,再輸入冒號wq!,即:wq!

    4.4.重新啟動httpd服務:systemctl start httpd。

  5.防火牆允許9999埠(4.2設定的埠號,若沒設定預設為80埠),終端輸入如下命令:firewall-cmd --add-port=9999/tcp;

  6.網頁開啟,如下所示,看到httpd預設的頁面,則代表伺服器網站搭建成功:

  

   7.新增自己的頁面,預設的頁面存放在目錄/var/www/html下,將自己專案打包出來的檔案存放在該目錄下就可以,也可以更改預設目錄,方法如下:

    7.1.終端輸入命令:vi /etc/httpd/conf/httpd.conf;

    7.2.找到如下位置,將目錄更改成你想要的儲存退出重啟httpd即可: