项目概述

​ hippo 测试工具为前后端分离项目，前端 vue，后端 springboot，数据库 mysql。项目主要实现了 WEB 自动化、数据生成，用例生成等功能。hippo 测试工具初衷是降低测试频繁无意义的操作，提高效率。

在线体验

• 环境地址： 43.142.40.119
• 用户名 ：test
• 密码：A123456.
• 文档地址：用户手册

本地部署

运行环境：NodeJs14、java1.8、mysql8.0

• 第一步：新建数据库名 hippo，运行数据库初始化文件 init.sql，其中插入了管理员账号 admin/123456。
• 第二步：前端安装依赖（npm install）,前端启动（npm run dev）。
• 第三步：后端安装依赖（maven），修改配置文件（application-local.yml），运行启动类。

打包部署

• 前端打包（npm run build），将打包的 dist 文件夹放入 nginx 目录，修改 nginx.conf 配置文件。

server {
        listen       80;
        server_name  localhost;

        location / {
            root   E:\\nginx-1.20.1\\dist; #dist包目录地址
            index  index.html index.htm;
            #try_files    $uri $uri/ /index.html;     #url不可达时，逐个向后转发

        }

        #这里解决跨域问题，后端地址及端口号
        location /api {
            rewrite "^/api/(.*)$" /$1 break;   #对指定的路径进行转发到后台
            proxy_pass http://localhost:8080;
            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;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

• 运行 nginx

# 启动nginx
nginx.exe start
# 优雅地停止Nginx服务（即处理完所有请求后再停止服务）
nginx.exe -s quit

• 后端打包成功后，进入打包路径

# 执行如下命令，将控制台输出编码改为UTF8
chcp 65001
# 执行如下命令，运行jar包时指定编码为UTF8
java -Dfile.encoding=utf-8 -jar xxx.jar

Docker 部署

# 启动项目 自动完成 构建镜像、（重新）创建服务、按依赖顺序启动任何关联的服务。首次启动安装chrome时间较长 大概5-10分钟。
docker compose up -d
# 停止并删除docker-compose.yml中定义的所有服务容器和网络，但保留数据卷
docker compose down

致谢

Spring Boot-Shiro-Vue 提供一套基于 SpringBoot-shiro-vue 的权限管理

关于作者

​ 作者目前在一家传统软件企业做测试工作，主要职责是点点点。点点之外也想有所提升，就在空余时间学习点技术，实际动手写写。然后在工作中给自己和小伙伴写一些提效工具。hippo 就此而来，把几个工具结合了一起。

项目地址

• 项目地址：gitte 地址

• 会一致保持更新，欢迎 fork 和 Star 哦！

• 有兴趣的小伙伴们可以加我个人微信 15158989710，我拉你到群聊学习交流