網站怎么上傳到服務器流程,從本地到服務器上線過程並通過域名(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設置好了;

df66ec404f06145a376bcc25864c3510.png  

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

  1.在本地打包自己的網頁文件,我這邊是Vue項目,運行如下命令打包

  cnpm / npm run build

 

  

 

   2.在Final shell連接頁面,輸入命令行,打開Nginx目錄的路徑

  cd /usr/share/nginx/html

 

  

 

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

          b6f8031970eb8fbee44ed00e53bd2f49.png

  4.把拖入的網頁文件夾設置成Nginx網頁目錄的根路徑

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

 

  

 

    5.修改代碼如下:   //  把dist 文件夾設置成Nginx網頁目錄的根路徑

    按下     進入編輯狀態修改文件 ,ESC  退出編輯狀態, :q!    不保存退出, :wq!    保存后退出,

               b5c438402762aa512151c40c2858adc4.png  

  6.重新啟動nginx服務器后,再次輸入服務器公網,即可查看你的項目文件了

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

 

  

 

 

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

 

如果大家有任何疑問即可留言反饋,會在第一時間回復反饋,謝謝大家!

本人使用GSAP框架搭建的個人網站也上線啦!有興趣可以訪問 zhaohongcheng.com 查看,感謝~

本人uni-app影視項目已經重磅開源,一套代碼套發布到H5、APP、小程序等多個平台!有興趣可以訪問Dcloud官方插件市場https://ext.dcloud.net.cn/plugin?id=1839 查看,感謝~

本文為Tz張無忌文章,讀后有收獲可以請作者喝杯咖啡,轉載請文章注明出處:https://www.cnblogs.com/zhaohongcheng/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM