【技術實現步驟摘要】
本專利技術涉及網頁前端調試領域，尤其涉及一種基于反向代理的前端調試方法、裝置及存儲介質。
技術介紹
1、在以往的jquery?web原生開發測試過程中，對于某些不容易構造或者不容易獲取的對象，通常用一個虛擬的mock對象來創建以便測試的測試方法，如專利cn115292156a中公開的一種模擬真實請求的前端調試方法。然而，當這種方法遇到網關、服務器等內部問題時，這種方式是無法還原真實環境的。
2、針對此現象，現有的主流web開發提出了以proxy代理服務器充當一個中間件，模擬后端環境，進行前后端聯調的機制。然而，這種機制雖然可以提高瀏覽速度和效率，通過緩存機制提升性能，但框架本身體積過大，內存消耗過大，不適合部署在輕量級服務器上，所以這種方式在jquery?web原生開發的前端調試中是不可行的。
技術實現思路
1、本專利技術為克服上述現有技術的缺陷，提供一種基于反向代理的前端調試方法、裝置及存儲介質，能夠在不改變原有服務器體積的情況下完成前端調試，提高了前端調試的效率。
2、本專利技術一實施例提供一種基于反向代理的前端調試方法，包括如下步驟：
3、將預設輕量服務器反向代理至預設本地服務器的預設代理端口上，形成代理服務器；
4、通過待調試前端發送http請求至所述預設代理端口，并通過所述http請求從所述預設本地服務器和所述代理服務器中分別獲取得到靜態文件和cgi文件；其中，所述http請求包括靜態文件請求報文以及cgi文件請求報文；p>
5、將所述靜態文件和所述cgi文件發送至所述待調試前端，以使所述待調試前端根據所述靜態文件以及所述cgi文件，完成前端調試。
6、進一步的，所述將預設輕量服務器反向代理至預設本地服務器的預設代理端口上，形成代理服務器，具體包括：
7、在所述預設本地服務器上搭建nginx環境，并完成可跨域配置；
8、通過預設nginx反向代理服務器，將預設輕量服務器反向代理至所述預設本地服務器的端口上，得到所述代理服務器。
9、進一步的，所述通過待調試前端發送http請求至所述預設代理端口，具體包括：
10、通過待調試前端發送所述http請求至所述預設nginx反向代理服務器，再通過所述預設nginx反向代理服務器將所述http請求發送至所述預設代理端口上。
11、優選的，在發送所述http請求之前，還包括：與所述預設本地服務器建立tcp連接。
12、進一步的，所述通過所述http請求從所述預設本地服務器和所述代理服務器中分別獲取得到靜態文件和cgi文件，具體包括：
13、通過發送所述靜態文件請求報文至所述預設本地服務器中，以使所述預設本地服務器解析并響應所述http請求，得到所述靜態文件；
14、通過發送所述cgi文件請求報文至所述代理服務器，以使所述代理服務器執行預設cgi程序，得到所述cgi文件。
15、優選的，所述靜態文件中包括html文件、css文件和js文件，所述cgi文件中包括xml文件。
16、本專利技術另一實施例提供一種基于反向代理的前端調試裝置，包括：代理模塊、獲取模塊以及輸出模塊；
17、所述代理模塊用于將預設輕量服務器反向代理至預設本地服務器的預設代理端口上，形成代理服務器；
18、所述獲取模塊用于通過待調試前端發送http請求至所述預設代理端口，并通過所述http請求從所述預設本地服務器和所述代理服務器中分別獲取得到靜態文件和cgi文件；其中，所述http請求包括靜態文件請求報文以及cgi文件請求報文；
19、所述輸出模塊用于將所述靜態文件和所述cgi文件發送至所述待調試前端，以使所述待調試前端根據所述靜態文件以及所述cgi文件，完成前端調試。
20、進一步的，所述代理模塊用于將預設輕量服務器反向代理至預設本地服務器的預設代理端口上，形成代理服務器，具體包括：
21、在所述預設本地服務器上搭建nginx環境，并完成可跨域配置；
22、通過預設nginx反向代理服務器，將預設輕量服務器反向代理至所述預設本地服務器的端口上，得到所述代理服務器。
23、進一步的，所述通過待調試前端發送http請求至所述預設代理端口，具體包括：
24、通過待調試前端發送所述http請求至所述預設nginx反向代理服務器，再通過所述預設nginx反向代理服務器將所述http請求發送至所述預設代理端口上。
25、本專利技術另一實施例提供一種計算機存儲介質，所述計算機可讀存儲介質上存儲有計算機程序，所述計算機程序被處理器執行時實現如上述實施例中任一項所述基于反向代理的前端調試方法的步驟。
26、相較于現有技術，本專利技術的有益效果在于：
27、通過將內存體積較小的輕量服務器反向代理到內存體積較大的本地服務器中，以使本地服務器獲取輕量服務器的資源，解決了在輕量級服務器下，因web文件體積過大而消耗過多內存的問題，進而提高了網頁前端的調試效率，減少了前端網頁的開發周期。
本文檔來自技高網...【技術保護點】
1.一種基于反向代理的前端調試方法，其特征在于，包括如下步驟：
2.如權利要求1所述的基于反向代理的前端調試方法，其特征在于，所述將預設輕量服務器反向代理至預設本地服務器的預設代理端口上，形成代理服務器，具體包括：
3.如權利要求1所述的基于反向代理的前端調試方法，其特征在于，所述通過待調試前端發送HTTP請求至所述預設代理端口，具體包括：
4.如權利要求3所述的基于反向代理的前端調試方法，其特征在于，在發送所述HTTP請求之前，還包括：與所述預設本地服務器建立TCP連接。
5.如權利要求1所述的基于反向代理的前端調試方法，其特征在于，所述通過所述HTTP請求從所述預設本地服務器和所述代理服務器中分別獲取得到靜態文件和CGI文件，具體包括：
6.如權利要求5所述的基于反向代理的前端調試方法，其特征在于，所述靜態文件中包括HTML文件、CSS文件和JS文件，所述CGI文件中包括XML文件。
7.一種基于反向代理的前端調試裝置，其特征在于，包括：代理模塊、獲取模塊以及輸出模塊；
8.如權利要求7所述的
9.如權利要求8所述的基于反向代理的前端調試裝置，其特征在于，
10.一種計算機存儲介質，其特征在于，所述計算機可讀存儲介質上存儲有計算機程序，所述計算機程序被處理器執行時實現如權利要求1至6中任一項所述基于反向代理的前端調試方法的步驟。
...【技術特征摘要】
1.一種基于反向代理的前端調試方法，其特征在于，包括如下步驟：
2.如權利要求1所述的基于反向代理的前端調試方法，其特征在于，所述將預設輕量服務器反向代理至預設本地服務器的預設代理端口上，形成代理服務器，具體包括：
3.如權利要求1所述的基于反向代理的前端調試方法，其特征在于，所述通過待調試前端發送http請求至所述預設代理端口，具體包括：
4.如權利要求3所述的基于反向代理的前端調試方法，其特征在于，在發送所述http請求之前，還包括：與所述預設本地服務器建立tcp連接。
5.如權利要求1所述的基于反向代理的前端調試方法，其特征在于，所述通過所述http請求從所述預設本地服務器和所述代理服務器中分別獲取得到靜態文件和cgi文件，具體包括：
【專利技術屬性】
技術研發人員：柳建發，廖國強，
申請(專利權)人：上海芯衍脈科技有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。