用 easyui ajax 写 http 测试客户端

    C++ 服务器需要支持 http 协议,以前测试工具是 firefox 的 HttpRequester,单个功能比较容易测试,对于一个系统,几十条协议就显得不那么友好了。所以才有了写个 http 协议的测试工具。

    坦白说,用 VC + libcurl 能轻松地实现 http 发包的测试功能。但是VC++ 对于前端脚本有着先天的不足,需要编译才能使用,在技术混杂的团队里面,每个团队成员技术专项都不一样的,很难做到统一用 VC。

    前端脚本语言有着先天的优势,跨平台,入门容易,而且改完后,只要刷新下页面就能操作了,调试更简单,浏览器就自带调试功能,不需要安装任何IDE,所以无论编码,还是功能调试,都极大地提高了团队的生产效率。

    10 年 C++ 经验,对于 web 前端研发,可谓一窍不通。从零开始:通过 w3school, 看了html,css,JavaScript知识 一星期,动手做花了一星期,当然作为小白的我,可能遇到很多坑,希望大家指正。期望前端页面皮肤能漂亮点,简单点,所以就选择了 easyui(个人使用免费,未完全开源所有源码,详细请百度一下)。


    测试工具功能需求很简单:支持多个项目的测试工具。点击一个按钮发送一个命令请求,并且显示回包信息。(如下图)

用 easyui ajax 写 http 测试客户端_第1张图片
工具页面

作为web 前端的菜鸟,开发过程中遇到很多问题:

1、跨域问题,在c/c++ 的网络通信中,客户端爱连哪个就连哪个,没想到在web 浏览器就不支持了。

网络通信用的是 ajax,post 方法,json 包体,需要支持跨域的话,服务器回包,也需要添加一些头信息

前端代码:

用 easyui ajax 写 http 测试客户端_第2张图片
ajax 发送 request

服务端回包:

用 easyui ajax 写 http 测试客户端_第3张图片
服务回复报文

这些信息调试过程中服务端可以开放。

Access-Control-Allow-Methods: GET,POST

Access-Control-Allow-Origin: *


2、读本地配置文件:本地配置文件是 json 文件,但是浏览器一般是不允许读本地文件的,所以浏览器进程在打开的时候应该添加参数。

例如 chrome 浏览器打开方式:chrome.exe --allow-file-access-from-files,其他浏览器也一样。在exe后面添加 --allow-file-access-from-files

例如用 360浏览器: 360se.exe --allow-file-access-from-files

如果上述浏览器都不支持,就用 internet 吧,反正是测试工具什么浏览器都没关系了。


3、cookie 问题:request 包,有自定义的的 cookie 头,但是 cookie 死活传不到服务端,可能这也是基于浏览器的安全考虑;其实这对于 libcurl 是很简单的,无奈下,只能把 cookie 信息放在地址栏:

http://192.168.1.163:15007/bsw/manage/audio/type_add?token=abcdef123456789&userid=10015459


源码下载:http://download.csdn.NET/download/wenfh2020/9861925

下载源码后,打开这个文件即可: \jQuery-easyui-1.5.2\demo\window\modalwindow.html


问题:想通过浏览器写本地的日志,暂时还没找到方法,知道的朋友可以告诉我一下,谢谢!


更精彩内容,请关注我的博客:https://wenfh2020.com

你可能感兴趣的