插件效果

當掃描出Elasticsearch未授權漏洞后，會在漏洞相關?以及資產詳情處顯示“Indices按鈕”，點擊即可展開該es服務器的Indices信息：

在搜索框輸入關鍵字可以根據index名稱進行模糊搜索：

構建流程

官方的開發文檔還是很好理解的，有提供開發腳手架。

下載→解壓到goby/extensions目錄，再運行Goby掃描，一個demo就出來了。

接下來就是改！

核心集中在確認入口點和API調用。

開發文檔地址： https://github.com/gobysec/GobyExtension

1. 確定入口點

在選定ES做插件后，我把入口點選擇在了漏洞相關頁面，首先在./package.json中做以下配置:

  ...
  "main": "./extension.js",
  "contributes": {
    "views": {
      "vulList": [
        {  
          "command": "elastic",
          "title": "Indices",
          "visible": "elastic_visi"
        }
      ]
    }
  }
  ...

其中需要關注以下幾點:

main: 插件的主入口文件路徑

contributes.views. vulList[0].command: 注冊命令的名稱

contributes.views. vulList[0].title: 在按鈕中顯示的文字

contributes.views. vulList[0].visible: 這里也要填入注冊命令的名稱，主要作用是判斷按鈕是否在該漏洞顯示，回調函數應該返回一個布爾型的值。

2. API調用

./extension.js中做以下配置：

function activate(content) {
    goby.registerCommand('elastic', (content) => {    //這里的'elastic'和上文中contributes.views. vulList[0].command的值保持一致
        let path = __dirname + "/index.html?hostinfo=" + content.hostinfo;    //設置打開新窗口的html文件路徑，并傳入當前hostinfo信息
        goby.showIframeDia(path, "Elasticsearch未授權漏洞利用", "600", "600");    //打開一個600*600的iframe窗口，窗口標題為'Elasticsearch未授權漏洞利用'
    });

    goby.registerCommand('elastic_visi',  (content) => {    //這里的'elastic_visi'和上文中contributes.views. vulList[0].visible的值保持一致
        return content.name === "Elasticsearch unauthorized"    //對漏洞名稱進行判斷
    });
}
?
exports.activate = activate;

小提示：漏洞名稱可以直接在漏洞窗口進行查找，點擊進去之后復制名稱即可。

3. index.html頁面開發

官方插件中使用的是layui框架進行開發，我這里使用的是Vue+Element-ui。

在使用框架方面Goby比較開放，沒有限制，大家可以任意發揮。

這里簡單介紹一下我的開發流程。

首先需要處理傳過來的hostinfo信息，可以直接copy官方文檔提供的代碼：

getIframeQueryString(name) {
  let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  let r =window.parent.document.getElementById("goby-iframe").contentWindow.location.search.substr(1).match(reg);
  if (r != null) {
    return decodeURI(r[2]);
  }
  return null;
}

拿到漏洞的IP后，就可以對目標IP進行自定義請求了：

request({    //在utils中有對axIOS進行簡單封裝
  method: 'get',
  url: 'http://' + this.getIframeQueryString("hostinfo") + "/_cat/indices",
  params: {
    format: "json"
  }
})

最后對拿到的數據進行處理，顯示為表格樣式，整個插件就開發完成了～

重構后的目錄如下所示：

goby-extension-elasticsearch
├── babel.config.js
├── package-lock.json
├── package.json
├── public
│   ├── CHANGELOG.md
│   ├── README.md
│   ├── extension.js
│   ├── favicon.ico
│   ├── index.html
│   └── package.json
├── src
│   ├── App.vue
│   ├── element-variables.scss
│   ├── main.js
│   ├── plugins
│   │   └── element.js
│   └── utils
│       └── request.js
└── vue.config.js

編譯：

npm run build

輸出的目錄結構如下：

goby-extension-elasticsearch/dist
├── CHANGELOG.md
├── README.md
├── css
│   ├── app.b2893489.css
│   └── chunk-vendors.2ac5db4b.css
├── extension.js
├── favicon.ico
├── fonts
│   ├── element-icons.535877f5.woff
│   └── element-icons.732389de.ttf
├── index.html
├── js
│   ├── app.2279fc27.js
│   └── chunk-vendors.8cb53444.js
└── package.json
?