當前位置:首頁 » 網頁前端 » 寶塔部署一個web的後端項目
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

寶塔部署一個web的後端項目

發布時間: 2023-01-15 19:45:16

❶ web前端項目部署到伺服器:

執行成功後會生成dist文件

4.1 進入到nginx配置目錄:/usr/local/nginx/conf,對 nginx.conf 文件進行配置

使用include可以配置多個.conf文件,如一個項目一個配置文件。在同目錄下創建demo文件夾,並創建demo.conf配置文件

下面使用是以ip地址的方式創建的的配置文件

訪問地址:

其中dist名稱時可以修改,保持與/usr/local/nginx/html下cp名稱一致,否則會訪問不到;並且/usr/local/nginx/html目錄可存在同一ip下多個web項目。

域名與ip綁定

配置域名demo.conf
eg: 域名 - demo.cn

4.2阿里雲配置域名前綴
阿里雲->域名->域名列表—>域名 管理-> 域名解析->解析設置

如圖:記錄值 填寫當前服務ip

學習過程中所記錄,有問題或者有好的方式歡迎指點。不勝感激 🤗 🤗 🤗

❷ 寶塔面板部署Spring Boot項目

一般的 Spring Boot 項目打包完是 .jar 文件,已內嵌了 Tomcat 伺服器,但是當我們部署到生產環境的時候一般用的是 .war 包,這次我們使用寶塔面板來完成項目的環境搭建和部署。

此教程所使用的環境:

首先,我們需要構建 .war 包,需要對項目構建進行一些設置,以 Maven 為例,修改 pom.xml 。
修改打包方式為 war ,注意最後一行:

加入這一項依賴設置:

在包的根目錄新建一個 ServletInitializer 類(比如在我的項目里,與 BaotatestApplication 類同級),內容類似如下:

然後再回到項目根目錄(有 pom.xml 的目錄),進行編譯:

如果要跳過測試,就輸入:

編譯完成之後就能在 target/ 目錄下找到我們的 .war 包,比如我是 baotatest-0.0.1-SNAPSHOT.war 。

接下來配置伺服器環境,首先寶塔面板的安裝不再贅述,到其「軟體商店」安裝好:

安裝完 Tomcat 後記得放行 8080 埠(Tomcat 默認埠)。再把我們的 .war 包放進 /www/server/tomcat/webapps 目錄就會自動解壓部署,在同級目錄生成同名文件夾(如果沒有自動部署就重啟一下 Tomcat,另外部署不成功的話可以去 /www/server/tomcat/logs 看看日誌文件)。此時再訪問 http://example.com:8080/baotatest-0.0.1-SNAPSHOT/ 就可以訪問我們的應用了。

後面長長的一串似乎並不好看,我們可以將其去掉,有兩種方法。

一種是直接將包名改成 ROOT.war ,即可。

另一種需要修改配置文件 /www/server/tomcat/conf/server.xml ,在 <host>...</host> 標簽內插入:

或者這樣:

path 屬性可以定義訪問的路徑,比如掛載到 /hello 上,這里我們留空就是根域名。
然後再將 Tomcat 配置重載,我們就能在根目錄下訪問到這個項目了。

還有就是給上傳目錄配置靜態資源映射,比如我這里的 有一個上傳目錄 /www/uploads ,用戶上傳的圖片都會保存到這個 uploads 文件夾來,那如何在伺服器訪問這個目錄呢?一樣,加入:

習慣上還需要配置一下 Nginx 反向代理 Tomcat。
去寶塔的「網站」頁面里新建一個站點,除了域名保持默認就行了。
然後在其「設置」中配置「反向代理」,目標域名就是 Tomcat 的地址,比如 http://dev.shadowcat.cn:8080 ,發送地址用 $host 就可以了,其他保持默認即可,最後訪問一下 Nginx 即可成功返回結果。

❸ 如何在開發時部署和運行前後端分離的JavaWe

在開發中大型的JavaEE項目時,前後端分離的框架逐漸成為業界的主流,傳統的單機部署前後端在同一個項目中的工程項目越來越少。這類JavaWeb項目的後端通常都採用微服務的架構,後端會被分解為諸多個小項目,然後使用bbo+zookeeper或者springCloud來構建微服務,前端則會是一個單獨的項目,前台的請求通過微服務來調用。但是,不同與傳統的web項目,這類前後端分離的項目如何在開發中部署和運行呢?

當前後端分離時,後端項目一定會被載入到tomcat的webapp目錄下面,但是前端的資源院該如何被訪問到呢?這里以tomcat這個中間件為例,探討在開發這類項目的時候,如何讓前後端分離的項目部署並且運行起來,即後端項目部署在tomcat之後如何在運行時訪問靜態資源(非上線部署)。

主要有兩種方案:1.在本地通過Nginx來處理這些靜態資源。2、將靜態資源統一放入一個javaweb應用中,並將自動生成的war包隨後端項目一期丟入tomcat。下面詳細介紹

一、使用Nginx來訪問靜態資源。

在本地安裝nginx並且修改nginx.conf,修改相關配置,將web訪問的埠的資源進行更改,配置如下:

server { listen 80; server_name localhost; charset utf-8; #access_log logs/host.access.log main;
location / { proxy_pass http://tomcat_pool; proxy_redirect off;
proxy_set_header HOST $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
client_max_body_size 10m;
client_body_buffer_size 128k;
proxy_connect_timeout 90;
proxy_send_timeout 90;
proxy_read_timeout 90;
proxy_buffer_size 4k;
proxy_buffers 4 32k;
proxy_busy_buffers_size 64k;
proxy_temp_file_write_size 64k;
}
location ~ .*.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|woff|woff2|ttf|eot|map)$ {
root D:Workspacesesop-html; index index.html;
}

listen對象改為你本地的tomcat訪問埠,最下面location中的root改為你前端項目中靜態資源的位置,這樣就可以實現只部署後端的項目就能訪問前端的頁面了。

二、將前端項目轉換為動態的web項目,隨後端項目一起丟入tomcat

這個方案省去了在本地安裝和配置nginx,但是也只適用於開發階段項目的部署運行和調試,真正在生產環境通常前後端項目會部署在不同的伺服器。

  • 如果是Intellij Idea,在導入前端項目之後,右鍵項目 add framework support --> web application,這時將會把前端項目轉換為一個javaweb項目,然後將靜態資源放在生成的web目錄下即可。

  • 如果是eclipse,可以新建一個javaweb項目然後將靜態資源放入web或者webcontent目錄下,或者直接先導入前端項目,然後通過 project facts 將項目轉換為dynamic web項目並勾選 js等相關配置。

  • 然後,運行項目時把後端的war包和前端的war包一同添加到 deployment中運行即可。

❹ 使用寶塔nginx 布署前後端分離目錄代理注意事項

注意事項:寶塔默認生成的配置文件會有

要自己手動刪除掉,不然前端的資源也會被代理掉

如果要訪問後端的靜態資源,可以嘗試以下設置

完整配置:

❺ 如何在自己的電腦上部署伺服器安放web項目

安裝tomcat,導出為war文件,放到安裝tomcat目錄裡面的webapps裡面,訪問就行了

❻ 基於寶塔面板安裝部署mochat

由於項目是前後端分離方式開發和部署的,所以安裝演示過程中會用到三個域名:

假設你自己的主域名是 mochat.com,那你可以分別配置為,以下域名可以自定義,下面只是舉例:

3. 寶塔面板安裝完成

❼ 寶塔部署flask項目

(1)安裝virtualenv

(2)進入上傳目錄

(3)創建虛擬環境

(4)激活虛擬環境

(5)添加依賴

(6)安裝uWSGI

在應用根目錄創建config.ini文件,內容如下:

(1)在寶塔面板中,管理網站,設置,配置文件修改如下:

(2)重啟nginx

(3)運行uwsgi

❽ 前端使用vue後端使用tp5的前後端分離的項目如何在寶塔上部署,請大佬指點一下,第一次接觸

前端工程師是互聯網時代軟體產品研發中不可缺少的一種專業研發角色。從狹義上講,前端工程師使用 HTML、CSS、JavaScript 等專業技能和工具將產品UI設計稿實現成網站產品,涵蓋用戶PC端、移動端網頁,處理視覺和交互問題。從廣義上來講,所有用戶終端產品與視覺和交互有關的部分,都是前端工程師的專業領域。[1]
中文名
前端開發工程師
所屬學科
計算機科學與技術
核心技術
HTML、CSS、JavaScript、jQuery
主流框架
React.js、Vue.js、Angularjs
快速
導航
發展方向
詞條來源
前端是一個相對比較新的行業,互聯網發展早期(1995年~2005年)是沒有專業的前端工程師的。隨著互聯網的發展,大約從2005年開始,正式的前端工程師角色被行業認可,到了2010年,互聯網開始全面進入移動時代,前端工程師的地位越來越重要,前端領域的技術發展也越來越快,各種新的思想、設計模式、工具和平台都快速發展,對前端工程師的技能要求也越來越高。[1]
發展方向
專家方向
經過幾年的技術積累,大量的項目歷練,很自然地就朝著專家的方向過渡了。技術人普遍具有的一個特徵就是不喜歡管一些亂七八糟的事,更願意鑽研感興趣的技術,解決一些技術難題。走專家路線可能是大多數技術人的選擇。