制作好的網頁想要發布到互聯網,該怎么發布呢?我們需要將保存在本地的站點上傳站點到服務器,首先我們需要准備一個服務器(可通過服務器公網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了。