QQ技术群:5678537,70210212,77813547 个人网站:http://www.lovewebgames.com 邮箱:55342775@qq.com

前端开发工具icestar

前端开发工具icestar

最近忙里偷闲,把之前的mock工具进行了全面的重构,最大的改变就是换了个名称icestar,icestar意思就是"爱死他",首先他的预想并不只是替代mock工具,他应该支持更丰富的扩展,可以mock数据,也可以做接口post测试,还可以有一些其他的辅助开发的工具,更可以扩展无限的插件。所以从ui界面上,我借用了vs code的风格与交互,底层框架也升级为vue2.0 + electron。首先来看下,主界面:

在初次打开时,主界面会有一个演示文档,它会展示一些比较大的功能操作。上面只有首页和帮助两个菜单,左侧也只有三个菜单,很简洁。我们重点介绍左侧的菜单功能。

第一个就是mock接口的,与之前的mock工具功能基本相似,它会生成一个本地的http服务,允许局域网内任何电脑的访问,它支持post、get、head、delete请求方式,也支持跨域的请求。并且分成多个项目的管理方式,数据离线在本地,无需外网。另一个功能就是websocket的模拟了,这次的版本是基于node的ws包开发的,没有提供socket.io的方式,基本上模拟的推送数据与之前一样,可以提定随机字段进行推送数据。

 

第二个菜单是postman的功能,它可以发送post和get的请求到服务器,并且支持修改请求头,记住,这个请求并不是简单的ajax请求,它是由node.js发起的。简单的作为前端不方便验证后端post接口的情况下设计。

第三个菜单主要是一些工具, 主要是前端可能会用到,比如Json格式验证之类,或者说会当作一个收藏夹来设计。

最后就是工具的下载的地址了:https://github.com/tianxiangbing/icestar/releases/download/2.0.6/icestar.exe

github的开源地址:https://github.com/tianxiangbing/icestar

posted @ 2018-09-12 15:36 田想兵 阅读(...) 评论(...) 编辑 收藏
联系QQ:55342775,QQ技术群:5678537,70210212,77813547 个人网站:http://www.lovewebgames.com 邮箱:55342775@qq.com