Nginx搭建web測試報告服務器的實現思路
有這樣一個需求:把自動化測試過程中生成的html測試報告能夠通過瀏覽器直接訪問查看!
實現思路很簡單,就是部署一個web服務器,然后把測試報告部署到web服務器的指定目錄即可,然后通過http://ip:port/path/報告名稱.html 的形式進行訪問。我們通過nginx可以輕松實現這個需求!
Tomcat和Nginx的區別
有的同學會問,為什么不用tomcat?我們先看看Tomcat和Nginx的核心區別:Tomcat主要是為JAVA Web應用設計的,它支持Java Servlet和JSP,可以將Java應用程序部署到Tomcat環境中。而Nginx是一個高性能的HTTP和反向代理服務器,被廣泛應用于Web開發中,它本身不具備動態解析功能(需要配置其他插件或通過其他軟件協同才具備動態功能)。
Nginx環境搭建
因為我們的測試報告都是靜態網頁,所以使用Nginx即可,另外Nginx特別輕量化(windows 版nginx-1.24.0.zip僅為1.8m),消耗資源極小!接下來我們就來看看如何快速部署Nginx
1. 下載nginxhttps://nginx.org/en/download.html,下載完成后解壓。
2. 修改配置文件confnginx.conf。
修改如下:
server {
listen 9001;
server_name localhost;
autoindex on; ##自動顯示目錄
autoindex_exact_size off; ##人性化方式顯示文件大小否則以byte顯示
autoindex_localtime on; ##按服務器時間顯示,否則以gmt時間顯示
charset utf-8;
#charset koi8-r;
#access_log logs/host.access.log mAIn;
location / {
root C:lighthouse_report;
index index.html index.htm;
}
重點關注的參數。
listen 端口號 。
這個無需多解釋。
root C:lighthouse_report。
設置保存html 報告的地址,把所有的html 報告放到C:lighthouse_report 下就可以直接顯示了,這里展示一下顯示lighthouse測試報告的效果。
autoindex on。
自動顯示目錄,使用該配置后通過http://ip:9001/ 就可以看見目錄下所有的測試報告文件了,效果如下:
3.更改完配置文件后,直接啟動Nginx即可,方法請參考下一章節。
nginx基礎命令
在nginx目錄中執行啟動命令:start nginx。
啟動后,我們就可以通過nginx來訪問我們的html測試報告了。
停止nginx服務命令:nginx.exe -s stop。
備注:如果需要刪除或者增加新的html報告,直接在nginx的root目錄操作即可,無需重新啟動nginx,特別方便!(代碼實現很容易,報告保存的位置指定到C:lighthouse_report即可)