qtableview点击行将整行数据传过去_可以实时获取数据的Database Asset插件

前言：Goby之前开放的插件入口点较少，大家只能在扫描前、扫描后执行事件，无法参与扫描过程中来。为实现更多场景的应用及提高扫描效率（如：后台爆破子域名等），Goby开放了一些新的API：事件通知机制、自定义页面等，并开发了一个统计数据库信息的插件——Database Asset，作为案例。该插件可以统计扫描任务中获取到的数据并进行筛选，筛选出用户需要显示的数据库信息。

0x001 最终效果

安装完成插件后，Goby左侧导航栏会出现我们的插件入口，开始扫描后，插件会统计扫描到的数据库信息，插件默认统计mysql，redis，MongoDB，Elasticsearch这四个数据库。扫描过程中会将统计的数据库数量展现在左侧导航栏插件入口标记处。

插件开发文档 https://gobies.org/docs.html

0x002 最终效果

2.1 确定功能的入口点及用到的API

入口点：左侧导航

自定义页面并可以后台运行的API：showPage(url,true)

function activate(content) {goby.registerCommand('left-nav',function(){//因为支持相对路径,所以传入相对路径,第二个参数为后台运行goby.showPage('./assets/index.html',true); })
}
exports.activate = activate;

需要实时获取扫描过程中的数据以及扫描状态改变时执行一些自定义事件：bindEvent;

扫描到符合条件的数据是需要通知用户：changeBadge;

点击查看信息页面跳转：showPage(url,false);

2.2 开发流程

2.2.1 package.json中设置入口点以及initEvents

"views": {"leftNav": [{"command":"left-nav","title": "Database","icon": "src/assets/img/logo.png"}]}

"initEvents": ["left-nav"]

注：新版本支持String 与 Array，如果要执行多个命令，只需将命令依次放到数组里，Goby会在安装插件成功后，主动执行指定命令:

"initEvents": ["event1", "event2"]

2.2.2 html页面初始化

首先声明我们需要统计的数据库信息、消息通知的内容、整合后的数据对象、任务id：

let app = ["mysql" ,"redis", "MongoDB", "Elasticsearch"];  
//消息通知let num = 0;//保存数据let data = {};//任务Idlet taskId;

2.2.3 绑定事件通知及设置Badge

实时获取数据，对扫描数据进行处理。因为太多，这里只展示对onApp数据的处理，数据的详细信息在官网中有说明。

goby.bindEvent('onApp',function(content){init();let ip = content.hostinfo.match(ipreg)[0];let port = content.hostinfo.split(':').pop();initIp(ip);initPort(ip,port,content);if(app.map((v,k)=>v.toLowerCase()).includes(content.product.toLowerCase())){num++;goby.changeBadge('leftNav','left-nav',num);let tbody = $(`#${taskId}`)[0];if(!tbody){let ttbody = $(`<tbody id="${taskId}" class="${taskId}"><tr class="task"><td colspan="3">任务 : ${taskId}</td>  </tr></tbody>`);$('table').append(ttbody);}if($('.noData').css('display')!='none'){$('.noData').hide();}if($('table').css('display')=='none'){$('table').css('display','table')}let tr = $(`<tr class="info"><td>${content.product}</td><td>${ip}</td><td>${port}</td></tr>`);$(tr).prop('ip',ip);$(tr).prop('port',port);$(tr).prop('taskId',taskId);$(`#${taskId}`).append(tr);}})

点击跳转页面，使用委托事件绑定点击事件，调用showPage API打开一个临时页面，并将要展示的数据传过去。

 $("table").delegate('.info','click',function(){let info = data[$(this).prop('taskId')][$(this).prop('ip')][$(this).prop('port')];
//因为整合数据后偶尔会没有ip与port,所以在手动设置一遍info.ip = [$(this).prop('ip')];
info.port = [$(this).prop('port')];goby.showPage(`./detail.html?info=${encodeURI(JSON.stringify(info))}`)})

2.2.4 数据展示

详情页面中就是将传送数据的展示：