網站怎麼上傳到伺服器流程,從本地到伺服器上線過程並通過域名(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了。
如果有疑問,可以及時留言,會第一時間回