1. 程式人生 > >網站怎麼上傳到伺服器流程,從本地到伺服器上線過程並通過域名(IP地址)進行訪問

網站怎麼上傳到伺服器流程,從本地到伺服器上線過程並通過域名(IP地址)進行訪問

  製作好的網頁想要釋出到網際網路,該怎麼釋出呢?我們需要將儲存在本地的站點上傳站點到伺服器,首先我們需要準備一個伺服器(可通過伺服器公網IP地址訪問),也可以購買域名,域名購買可以通過阿里雲、騰訊雲、百度雲等;

  當我們購買好相應伺服器後,可獲得伺服器公網IP地址,有了購買的伺服器公網地址我們就可以開始工作了。

開始上傳:

  首先給大家介紹一下SSH連線工具 Final shell,連線到伺服器公網IP,FinalShell是一體化的的伺服器,網路管理軟體,不僅是ssh客戶端,還是功能強大的開發,運維工具,充分滿足開發,運維需求;可自行下載,或者百度網盤連結:https://pan.baidu.com/s/13QxMHWdh1UnEuCwGx9lYxg 提取碼:3shz 

 

  

    

第二步:部署Nginx

  Nginx是一款輕量級的Web 伺服器/反向代理伺服器及電子郵件(IMAP/POP3)代理伺服器,在BSD-like 協議下發行。其特點是佔有記憶體少,併發能力強;

  在SSH連線工具 Final shell連線成功後,輸入命令安裝Nginx

  // 安裝nginx

  yum install -y nginx

  // 設定開機啟動

  systemctl start nginx.service
  systemctl enable nginx.service

    但是nginx預設使用埠 80, 我們購買的伺服器例項一般預設不開啟埠80,預設只有 22 和 3389埠,我們可以通過設定,開啟80埠;登入相應伺服器管理網站開啟埠服務,我們這邊一阿里云為例開始設定。

       

  設定好之後,我們直接訪問我們伺服器的公網IP地址,就可以看到如下畫面,就代表Nginx設定好了;

  

第三步:部署自己的web應用

  1.在本地打包自己的網頁檔案,我這邊是Vue專案,執行如下命令打包

  cnpm / npm run build

   2.在Final shell連線頁面,輸入命令列,開啟Nginx目錄的路徑

  cd /usr/share/nginx/html

  3.將打包好的dist網頁資料夾,拖入Nginx目錄的路徑

          

  4.把拖入的網頁資料夾設定成Nginx網頁目錄的根路徑

  // 進入nginx目錄
  cd /etc/nginx
  // 編輯nginx的配置檔案
  vi nginx.conf

    5.修改程式碼如下:   //  把dist 資料夾設定成Nginx網頁目錄的根路徑

    按下    i   進入編輯狀態修改檔案 ,ESC  退出編輯狀態, :q!    不儲存退出, :wq!    儲存後退出,

                 

  6.重新啟動nginx伺服器後,再次輸入伺服器公網,即可檢視你的專案檔案了

  // 重啟伺服器
  /sbin/nginx -s reload

 

  以上完成,之後網站就可以通過IP地址訪問了,如果希望通過域名訪問,只需購買域名,然後備案,做一下域名解析就OK了。

  如果有疑問,可以及時留言,會第一時間回