开发,源码运行注意事项

这篇文章将为大家介绍这个项目的开发/源码运行注意事项

前提

  1. 此项目采用nodejs作为开发环境
  2. 采用electron作为打包工具
  3. 采用vue作为前端框架,iview作为前端组建库
  4. 综上所述,为本项目贡献代码或者自行编译运行需要具备如下:
    • nodejs环境(v8.11以上)
    • 一定的前端开发基础
    • 会运行命令行指令

倘坑指南

vue开发基本的vue-devtool工具

在项目根目录有个 .env.defaults 的文件,复制为.env,然后修尕ui里面的目录为自己的目录,在进行npm run dev的时候就会读取这里的vue-devtool工具

API接口需要登录的解决方式1

测试接口时经常遇到的问题就是有些接口需要登录

这个解决方案是这个接口的网站存在登录页面的时候可用的方案

  1. 添加一个登录接口,结果如图,看接口类型
  1. 运行测试
  1. 运行测试即采用iframe打开,然后就有网页了
  1. 输入登录信息,登录呗

使用说明-创建项目及第一个API

本文描述ADTl的项目创建和分组创建以及第一个API的创建与测试

ADTL的项目创建

  1. 打开软件,Win下是exe,Linux下是APPImage或snap

图片

  1. 创建一个文件夹用于储存项目内容
  2. 将这个文件夹拖入软件黄色区域,你将会看到如下图

图片

  1. 填写项目名字和项目描述(字不要太多),填写完成点击保存
    • 直接点击项目首页也可以,O(∩_∩)O哈哈~
    • 保存后你将看到如下图

图片

  1. 增加第一个分组
    • 点击那个名字为“+分组”的按钮
    • 填写内容,点击”保存”按钮
    • 如下图

图片

图片

  1. 增加第一个API
    • 点击分组可以展开,看到按钮
    • 点击 “+API” 按钮
    • 你丫的是不是没看到填写网址,别慌慢慢来
    • 填写内容

图片

  1. 配置分组参数
    • 点击 “当前分组参数” 按钮进行参数配置
    • 子级分组默认集成父级分组参数
    • 填写内容
      • 域名: 域名/IP
      • 端口: 就是端口,也得填的哦
      • 接口类型: 单选
      • 接口持久化: 适用于长连接的选项,短连接此项无效
    • 长连接内测中,O(∩_∩)O哈哈~
    • 点击保存(大致填写方式如下,端口不要填错哦)

图片

  1. 配置API信息
    • 点击API(如图)
      图片
    • 点击之后到了这个页面(如图)
      图片
    • 我们这个接口是要访问下百度没什么好配置的,直接点击 “test” 按钮进行测试(如图)
      图片
    • 到了测试页面,点击 “运行测试”,来发送请求,然后得到结果
      图片
    • 你的第一个API已经测试完毕,成功的请求到了“百度”

Snap踩坑指南

ADTL发布了Snap版本,但是这个家伙吧坑不少,下面是踩坑指南:

我的系统

图片

snap 无法读取家目录(home/用户目录)之外的文件,也就是无法在用户目录之外建立项目

  • snap运行需要允许访问家目录的文件,播放和录制声音权限不必须(目前没有任何声音提示和录制功能)

图片

解决:Gtk-Message: Failed to load module “canberra-gtk-module”

执行下面的命令:

1
sudo apt-get install libcanberra-gtk-module

使用说明

ADTL使用说明

这货的使用分如下几步:

  1. 创建一个目录用于储存数据
  2. 打开工具
  3. 将这个目录拖入工具
  4. 增加分组
  5. 增加API
  6. 配置分组参数
  7. 配置API参数
  8. 点击测试

挺简单的,具体的使用说明编写中