搭建网页版的Postman-Hitchhiker

野性酷女 2021-12-05 03:29 880阅读 0赞

摘要：Postman可以很好的做接口功能测试和调试接口，但是如果一个团队要共享接口的话是要收费的。现在有个开源的工具Hitchhiker，相当于一个网页版的Postman，而且团队间可以很好的共享接口。本博客是对在Windows环境搭建Hitchhiker的总结和基本使用介绍。

## 安装node.js ##

1、下载nodejs，这里提供一个官网下载链接：[https://nodejs.org/dist/v8.11.4/node-v8.11.4-x64.msi][https_nodejs.org_dist_v8.11.4_node-v8.11.4-x64.msi]

2、安装nodejs

3、配置相关环境变量，增加环境变量NODE\_PATH，值为node.exe的目录  
![在这里插入图片描述][20190717182137809.png]  
然后在path加上：%NODE\_PATH%\\node\_modules  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70]

4、检查nodejs与npm版本信息，cmd输入下面命令

node -v     --检查nodejs版本  
      
    npm -v   --检查npm版本

![在这里插入图片描述][20190717182336895.png]  
5、安装cnmp相关环境，命令行输入

npm install cnpm -g --registry=https://registry.npm.taobao.org

## 安装MySql5.7 ##

因为Hitchhiker的运行和数据需要数据库的支持，所以安装MySql5.7

## 安装Hitchhiker ##

1、下载Hitchhiker压缩包，下载地址：[http://hitchhiker.oss-cn-hongkong.aliyuncs.com/Hitchhiker.zip][http_hitchhiker.oss-cn-hongkong.aliyuncs.com_Hitchhiker.zip]  
2、解压  
3、进入Hitchhiker文件夹，修改配置文件：appconfig.json，修改下图几个地方：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 1]  
说明，如上图，主要修改的地方有3处，一个是端口号，一个是数据库账号密码。还有一个是把language改为zh了。  
4、新建一个本地Mysql数据库，名称要和上图配置中的database的值一样，即：hitchhiker-prod  
5、命令行进入到 Hitchhiker\\build目录下，然后运行：

node setup.js

如下图：  
![在这里插入图片描述][20190717174802742.png]

6、在浏览器访问：[http://localhost:9527/setup\_cn.html，出现Hitchhiker安装界面][http_localhost_9527_setup_cn.html_Hitchhiker]

*  配置端口，要和配置文件一致  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 2]
 *  配置数据库  
    \-![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 3]
 *  常用设置  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 4]
 *  提交  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 5]
 *  提交后等几秒，这时会生成数据库表

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 6]

*  这时还会打开三个node.exe窗口，暂时不用管  
    \-![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 7]
 *  访问：[http://localhost:8686/，进入登录页面][http_localhost_8686]  
    \-![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 8]

## 遇到的问题 ##

1、不能注册成功，通过在数据库user表插入数据解决：

INSERT INTO user VALUES (1,'lingshu','123456','lingshu@xxx.com',1,0,'2019-07-02 20:58:09.924647','2019-07-02 20:58:09.924647');
    INSERT INTO user VALUES (9,'zhangsan','123456','zhangsan@xxx.com',1,0,'2019-07-02 20:58:09.924647','2019-07-02 20:58:09.924647');

2、访问：[http://localhost:8686/][http_localhost_8686 1] ，不能进入登录页面，通过通过重启电脑，重复以上安装路径解决。其实我在试了在两台电脑安装，都多次出现问题，后面重启后再重新安装才成功的

## 使用 ##

1、新建一个项目  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 9]  
2、邀请成员，这里邀请的是我插入user表的数据：zhangsan@xxx.com  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 10]

3、新建集合  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 11]

4、新增一个请求，并保存  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 12]

5、退出登录，用账号zhangsan@xxx.com登录  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 13]

可以看到这个用户登录进来就可以看到上个用户新增的接口，这样就实现了接口共享

[https_nodejs.org_dist_v8.11.4_node-v8.11.4-x64.msi]: https://nodejs.org/dist/v8.11.4/node-v8.11.4-x64.msi
[20190717182137809.png]: /images/20211205/010d91cb2d8041af9c7aa967b80d6032.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70]: /images/20211205/7bf0e9937453449593c8bb887e5d1b6c.png
[20190717182336895.png]: /images/20211205/641d098801794f0390ce08864088f6c2.png
[http_hitchhiker.oss-cn-hongkong.aliyuncs.com_Hitchhiker.zip]: http://hitchhiker.oss-cn-hongkong.aliyuncs.com/Hitchhiker.zip
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 1]: /images/20211205/e0b16e7cbc7c45618bce564d7e686e83.png
[20190717174802742.png]: /images/20211205/75747c01be9641808111d4b34b933aaf.png
[http_localhost_9527_setup_cn.html_Hitchhiker]: http://localhost:9527/setup_cn.html%EF%BC%8C%E5%87%BA%E7%8E%B0Hitchhiker%E5%AE%89%E8%A3%85%E7%95%8C%E9%9D%A2
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 2]: /images/20211205/561768c5e7394424a369647ea65bed14.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 3]: /images/20211205/86b261384ca3433faf8d9985133522de.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 4]: /images/20211205/b0cac756613046f5a1d37b51e9122271.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 5]: /images/20211205/d2a90c6514bf4c1087194ba1417cbbd9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 6]: /images/20211205/b8f57c9b09c9482a8a208d439c544dc8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 7]: /images/20211205/bab8da81fb374000962460524c7505af.png
[http_localhost_8686]: http://localhost:8686/%EF%BC%8C%E8%BF%9B%E5%85%A5%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 8]: /images/20211205/2eed7f4e0cd14386976d3f625ee56f2e.png
[http_localhost_8686 1]: http://localhost:8686/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 9]: /images/20211205/9e8ad5bbfe9346358ca42c48f64f6498.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 10]: /images/20211205/cbd7f827602d4a14a60eb63b9d25b41e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 11]: /images/20211205/d42423b26fee40bfab29030d03a765ab.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 12]: /images/20211205/2129a0039a4e4217a280ea77b4eda3d0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbGVuMjAxNg_size_16_color_FFFFFF_t_70 13]: /images/20211205/c4c949d7545440a9ae3d1e77d194283d.png