从零单排之 IDEA 插件开发，没你想的那么难（2）

！！！最近突然想起这个系列的文章鸽了好久，重新看了下，发现开源中国的摸鱼模块已经没了，所以demo可能跑不通了，至于下一篇什么时候，只能说关注敬请期待

开头还是啰嗦几句，此文章是一个系列的文章，上一篇可以在https://www.jianshu.com/p/c18d1eacdb42处找到，欢迎阅读点赞。

依然是我们的定位赛，依然是一个小例子，此次的例子比上一篇文章增加了一点点的难度，代码在https://gitee.com/yuanzizhenxin/PluginDemo，对应分支为v2，以后所有的例子对应的代码我都会放到对应的分支下，会把例子之外多余的代码删掉，方便大家进行阅读，不被其他代码干扰到，好了，下面还是先介绍一些基本的概念，然后用例子去实践插件开发。

1、技术简介

（1）swing：我们通过搜索引擎可以查到此技术其实是一种java的客户端gui解决方案，跟他同类的还有javafx，说白点就是做可以看到内容的技术，但是目前我所知道的，此类技术的市场已经很小了，如果不是因为要开发插件，可能我都不会去接触此类技术，当然我也不建议大家花费很长时间去学，需要什么只要找万能的搜索引擎搜索代码示例就行了（某度跳过广告也凑活还能用），我也会在用到的swing组件上写一些内容，由于本人也只是用到啥看啥，所以我只能讲解入门，还没法讲到放弃（狗头）。

（2）jsoup：此框架是用来解析html内容的，它可以通过类似css的语法获取html内容中的元素，而我们今天的这个例子就用到此框架进行解析html片段内容。具体的教程可以参考 https://www.cnblogs.com/zhangyinhua/p/8037599.html，后边看情况如果需要我会整理一份实战的文档（flag先立下来）。

（3）展示框：此次实例我们将要实现一个弹窗，弹窗内容是从开源中国获取到的内容，其中牵扯到一个做弹窗必须继承的类，叫做com.intellij.openapi.ui.DialogWrapper，记住此类是idea插件里面弹窗要继承的抽象类，重写createCenterPanel方法就可以。

2、实例开始

介绍完几个东西之后，让我们来看看插件示例有啥内容吧

（1）功能介绍：看开源中国网站的用户摸鱼。

在开源中国的官方首页右侧有个动弹的功能，那我们怎么在敲代码的时候能看到别人摸鱼岂不是很有意思，ok，需求就是这样，怎么实现看我的。

（2）需求分析：看到这个需求，需要先分析需求，我个人习惯会先抽象化需求，此需求是从别人的网站获取内容展示在idea中，所以三个需求点如下，其中b和c需求可以考虑合并，这里我没有进行合并，因为不同网站内容获取的刷新机制是不一样的，有的需要轮询，有的是websocket。

a、获取内容-----开源中国官方首页右侧的动弹获取

b、展示内容-----展示在idea某个地方

c、刷新内容-----实时刷新最新的摸鱼动态

（3）需求代码实战过程

首先需要去开源中国官网看下动弹是怎么实现的，打开chrome并访问https://www.oschina.net/，看到右侧有个动态，见下图

开源中国首页

点击F12打开调试工具，选择network并刷新当前页面，然后就要瞪大眼睛一个个的地址去猜，没错，这里就是个体力活，然后成功定位到这个地址（https://www.oschina.net/widgets/_index_tweets_list?type=ajax&tab=newestTweet&nocache=1587199611761）

可能会疑惑怎么找到的，这个分很多情况，写爬虫多的人应该很容易能找到，如果对这种课题比较感兴趣，可以反馈给我，我可以写个这方面的专栏内容。

找到这个地址之后，发现这个地址的返回结果是一个html的结果片段，那这种html片段该怎么处理呢？这里就引出了刚介绍的jsoup，使用jsoup就可以将html片段进行解析生成一个dom树的结构。具体代码可以看com.jd.demo.rpc.OpenSourceHttp#getInfo，已经注释写上了。

当我们能获取动弹内容后，接下来就是要展示出来了，这个就需要用到刚说的com.intellij.openapi.ui.DialogWrapper类了，具体代码见com.jd.demo.ui.OpenSourceList类，简单说下这个类，首先这个类是继承了DialogWrapper抽象类，并覆盖重写了createCenterPanel方法，说白点就是中间部分是什么样子就看这个方法了，见下图部分，中间部分就是createCenterPanel方法需要返回的UI的内容部分，此外还有两个方法，去代码中看吧。

Dialog示例图

（4）最后说明：

A、v2分支中的action入口我放在了顶部Build菜单下面第一个，大家可以参考plugin配置文件去研究一下位置是怎么摆放的。

B、在dialog中牵扯了两个类，一个是JTextArea，还有一个是JScrollPane，这个是swing相关的部分，这个放到下一篇文章单独讲一下。

C、我没有实现实时刷新的功能，大家可以尝试自己改一下目前我的代码，实现实时刷新的能力。

最后的最后自我介绍一下，我是梦游神，就职于京东，我们下一篇文章见！！