教你用寶塔快速部署前端項目(圖文)

本文由寶塔面板教程欄目給大家介紹如何使用寶塔快速地部署前端項目,希望對需要的你有所幫助!

一、環境的安裝

  • 1、域名解析綁定自己服務器的IP地址

  • 2、安裝寶塔

    yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
  • 3、等待幾分鐘,安裝完成后,頁面上會出現登錄賬戶和密碼(先復制出來,登錄進去后可以修改)
    教你用寶塔快速部署前端項目(圖文)

  • 4、在阿里云服務器上安全組上將8888端口開放出來

    立即學習前端免費學習筆記(深入)”;

  • 5、使用上面的賬號和密碼登錄到你的寶塔界面中修改用戶名和密碼【主要是為了方便記住賬號和密碼】
    教你用寶塔快速部署前端項目(圖文)

三、使用寶塔部署靜態項目

  • 1、安裝nginx軟件
    教你用寶塔快速部署前端項目(圖文)

  • 2、部署靜態項目
    教你用寶塔快速部署前端項目(圖文)

  • 3、直接在瀏覽器上訪問(輸入自己的域名)
    教你用寶塔快速部署前端項目(圖文)

  • 4、如果要創建別的靜態項目
    教你用寶塔快速部署前端項目(圖文)
    教你用寶塔快速部署前端項目(圖文)

  • 5、在瀏覽器輸入域名/文件夾名訪問剛剛的靜態項目

四、使用PM2部署node項目

  • 1、在軟件商店安裝pm2工具

  • 2、在pm2的管理界面切換node版本

  • 3、在站點的目錄下創建一個文件夾express_demo

  • 4、安裝express的腳手架

    npm install express-generator
  • 5、在express_demo目錄下生成項目文件

    express -enpm install
  • 6、開發端口【非常重要】

    • 在寶塔中開放端口
      教你用寶塔快速部署前端項目(圖文)

    • 如果是使用的阿里云服務器,需要在服務器端繼續開放端口

  • 7、在PM2的面板中添加express_demo項目啟動
    教你用寶塔快速部署前端項目(圖文)

  • 8、瀏覽器輸入域名或者IP帶上3000端口

五、修改nginx的配置文件,反向代理到node項目

  • 1、點擊網站的設置
    教你用寶塔快速部署前端項目(圖文)

  • 2、修改nginx的配置文件
    教你用寶塔快速部署前端項目(圖文)

  • 3、測試,瀏覽器上直接輸入域名/express

? 版權聲明
THE END
喜歡就支持一下吧
點贊7 分享