查看原文
其他

技术调研,IDEA 插件怎么开发「脚手架、低代码可视化编排、接口生成测试」?

小傅哥 bugstack虫洞栈 2022-12-31

持续坚持原创输出,点击蓝字关注我吧

作者:小傅哥
博客:https://bugstack.cn

沉淀、分享、成长,让自己和他人都能有所收获!😜

目录


  • 一、前言

  • 二、抛出问题

  • 三、开发插件涉及的问题

  • 四、开发插件的两种配置

    • 1. 基础配置

    • 2. 遇到问题

  • 五、写个测试案例

    • 1. 工程结构

    • 2. AnAction

    • 3. MyToolWindowFactory

    • 4. plugin.xml

    • 5.  测试结果

  • 六、插件开发能做啥都

    • 1. 快速生成 CRUD 工程代码

    • 2. 在 IDEA 中摸鱼聊天

    • 3. 可视化流程编排

  • 七、总结

  • 八、系列推荐


一、前言

不踩些坑,根本不是成熟的码农!

你觉得肯德基全家桶是什么?一家人一起吃的桶吗,就那么一点点?不是,肯德基全家桶说的是,鸡的全家桶!

听到这个故事就像有时候我因为需要解决某些问题去搜索折腾验证排除的技术方案,因为方向不对,所以努力也就白费。只能一次次在众多的资料、文档、源码中一点点找到并组合出适合自己的问题场景的技术处理手段。

但这个过程有时候又是必须经历的,很少有时候能一次就找到正确的答案或者人,哪怕开始就找到了,也会再去排查下其他的资料,看看还有没有更好的。是不,这就是你吧?

二、抛出问题

我又要冲IDEA插件开发了!

在研究字节码插桩的相关技术后,🤔考虑着除了通常的用在代码上线后的非入侵式监控外,是不是也可以用于研发在开发阶段对系统接口的提取呢?

带着这个从脑袋中冒出的想法,想到如果要处理这个事情,最核心的问题就是开发一款IDEA插件+字节码插桩能力,在代码运行时对运行方法增强,提取相关的必要信息。别说案例还真做出来了,如下:

  • 案例地址:基于IDEA插件开发和字节码插桩技术,实现研发交付质量自动分析
  • 后续问题:其实实现到这里还只能算是一个案例,对于 IDEA 插件开发能力并没有完全弄透,比如这个 IDEA 插件需要做一些基础配置,那么在哪里打开呢?还有实时监控并产生的接口信息能在 IDEA 界面右侧展示出来或者支持导出吗?如果我再有一些集合 IDEA 插件开发的能力做的其他的功能引入咋办呢?这里用到了哪些技术呢?等等,这些问题都需要去一一解决掉,才能完完整整的开发一个可用的 IDEA 插件,为此,需要做更深入的资料整理和实践验证。

三、开发插件涉及的问题

问题汇总:开发一个 IDEA 插件基本要涉及到的问题过程如下:

  • 开发方式:在官网的描述中,创建IDEA插件工程的方式有两种分别是,IntelliJ Platform Plugin 模版创建和 Gradle 构建方式。
  • 框架入口:一个 IDEA 插件开发完,要考虑把它嵌入到哪,比如是从 IDEA 窗体的 Edit、Tools 等进入配置还是把窗体嵌入到左、右工具条还是IDEA窗体下的对话框。
  • UI:思考的是窗体需要用到什么语言开发,没错,用的就是 Swing、Awt 的技术能力。
  • API:在 IDEA 插件开发中,一般都是围绕工程进行的,那么基本要从通过 IDEA 插件 JDK 开发能力中获取到工程信息、类信息、文件信息等。
  • 外部功能:这一个是用于把插件能力与外部系统结合,比如你是需要把拿到的接口上传到服务器,还是从远程下载文件等等。

四、开发插件的两种配置

  • 官方文档:https://plugins.jetbrains.com/docs/intellij/disposers.html
  • 官方案例:https://github.com/JetBrains/intellij-sdk-docs

1. 基础配置

  1. IntelliJ IDEA 2019.3.1 x64

  2. JDK 需要配置 IntelliJ Platform Plugin JDK,在 Project Setting 中设置,这样才可以正常开发 IDEA 插件

  3. id 'org.jetbrains.intellij' version '0.6.3'

  4. gradle-5.2.1 与 2019 IDEA 版本下的插件开发匹配

  5. Settings -> Build, Execution,Deloyment -> Build Tools,配置 Gradle。Gradle user home = D:/Program Files (x86)/gradle/gradle-5.2.1/.gradle User Gradle from =gradle-wrapper.properties 或者 Specified location 具体如下图:

如果你是使用 IDEA New Project 默认的 IntelliJ Platform Plugin 方式,其实只关注1、2两步骤就可以了,但如果你需要 Gradle,那么需要注意3、4、5步骤的设置。当然通常也更推荐使用 Gradle 来搭建工程,这样你在需要一些额外的 Jar 包时候,只需要在 Gradle build.gradle 配置即可,而不是把需要的 Jar 包复制到工程的 lib 下。

2. 遇到问题

在使用 Gradle 构建项目后,你会遇到几个问题;

  1. 提前下载好 Gradle 5.2.1 版本并配置上,否则构建工程自动下载会比较慢 https://gradle.org/next-steps/?version=5.2.1&format=all
  2. 构建工程时候拉取相关内容,会比较慢,如果你有代理会好一些。
  3. 【麻烦的问题】基于 Gradle 的 IDEA 插件开发会在构建过程中,会下载一个匹配版本的 IDEA 软件用于启动测试开发插件,几百兆那种zip包 ideaIC-2019.3.1.zip。这个时候基本你会遇到一个崩溃的报错 Could not resolve all files for configuration ':detachedConfiguration1'. 咋办呢,如果你不嫌弃麻烦可以手动下载并SHA1加密后把下载的文件放到缓存文件夹中 .gradle\caches\modules-2\files-2.1 具体操作如下:
  • 打开系统盘下当前用户的.gradle目录,进入.gradle\caches\modules-2\files-2.1目录,即为缓存文件的目录。这个目录是你的报错构建过程中的报错地址,Could not get resource D:\Program Files (x86)\gradle\gradle-5.2.1\.gradle\caches\modules-2\files-2.1\com.jetbrains.intellij.idea\ideaIC\2019.3.1
  • 加密文件夹2dae8e50d4b0508cad2e680b53414f657954f390目录名称(你的可能不是这样的),我去,这个应该是加密过的,但是是什么加密呢?,经过了解知道了这个是SHA1加密,且是对文件进行SHA1的加密生成的唯一字符串,但是windows上没有这个命令,在线SHA1也太麻烦了,还要上传文件,于是想到了Java的API,还有就是通过git hash命令行来实现。把我们的文件ideaIC-2019.3.1.zip先临时拷贝到这个目录。运行sha1sum.exe ideaIC-2019.3.1.zip命令,生成唯一的唯一字符串(用来校验文件的完整性),这样就拿到这个2dae8e50d4b0508cad2e680b53414f657954f390目录名
  • 接下来在2019.3.1目录下,新建目录2dae8e50d4b0508cad2e680b53414f657954f390,将ideaIC-2019.3.1.zip移动进去即可。
  • 【堆栈溢出】在 Gradle 构建的过程中,消耗内存较大,可能会报错 Java heap space 所以也可以 在IDEA项目根目录下,新建文件gradle.properties,添加如下内容,变更gradle Jvm参数  org.gradle.jvmargs=-Xmx2024m -XX:MaxPermSize=512m 别说还挺好用,竟然构建成功了。
  • 五、写个测试案例

    1. 工程结构

    PluginGuide
    ├── .gradle
    └── src
        ├── main
        │   └── java
        │       ├── HiClazz.java
        │       ├── MyDumbAwareAction.java
        │       ├── MySearchableConfigurable.java
        │       ├── MyToolWindowFactory.java    
        │       └── TestUI.java    
        └── resources
            ├── icons  
            └── META-INF
                └── plugin.xml 
    • HiClazz 是继承 AnAction 的实现类,用于附着到 IDEA 的窗体上,点击后打开对应页面
    • MyDumbAwareAction、MyToolWindowFactory,配合使用,用于在 IDEA 最下面的窗体设置,与你看见的控制台输出信息位置一样。
    • MySearchableConfigurable,可以用于 Settings 中配置窗体。
    • TestUI 是基于 Swing 开发的窗体,验证在 AnAction 实现类中打开。
    • plugin.xml  是整个 IDEA 咖啡的配置文件,你所有的窗体都会在这个配置文件里有所体现。

    2. AnAction

    public class HiClazz extends AnAction {

        @Override
        public void actionPerformed(AnActionEvent e) {
            Project project = e.getData(PlatformDataKeys.PROJECT);
            PsiFile psiFile = e.getData(CommonDataKeys.PSI_FILE);
            String classPath = psiFile.getVirtualFile().getPath();
            String title = "Hello World!";
            Messages.showMessageDialog(project, classPath, title, Messages.getInformationIcon());
        }

    }
    • 测试在 IDEA 中读取鼠标停留在类文件中的信息。我们可以把这个 AnAction 配置到各个 IDEA 菜单中。

    3. MyToolWindowFactory

    public class MyToolWindowFactory implements ToolWindowFactory {

        @Override
        public void createToolWindowContent(@NotNull Project project, @NotNull ToolWindow toolWindow) {

            toolWindow.setToHideOnEmptyContent(true);

            class MyPanel extends SimpleToolWindowPanel {

                public MyPanel(boolean vertical) {
                    super(vertical);

                    DefaultActionGroup group = new DefaultActionGroup();
                    group.add(new MyDumbAwareAction("Login1"));
                    group.add(new MyDumbAwareAction("Login2"));
                    group.add(new MyDumbAwareAction("Login3"));

                    ActionToolbar toolbar = ActionManager.getInstance().createActionToolbar("ToolBar", group, false);
                    setToolbar(toolbar.getComponent());
                }

            }

            // 添加一个页
            toolWindow.getContentManager().addContent(ContentFactory.SERVICE.getInstance().createContent(new MyPanel(false), "First"false), 0);

        }

    }
    • 在 IDEA 的最下面窗体中,如果想展示自己的窗体,则需要开发对应的 ToolWindowFactory 实现类,这样才可以展示你的内容。
    • 这里的思想基本是 Swing 技术的开发方式,如果你不熟悉 Swing 最这块内容会比较陌生。

    4. plugin.xml

    <extensions defaultExtensionNs="com.intellij">
        <!-- Add your extensions here -->
        <toolWindow canCloseContents="true" anchor="bottom"
                    id="SmartIM"
                    factoryClass="MyToolWindowFactory">
        </toolWindow>
        
        <!-- 在Setting中添加自定义配置模版 -->
        <projectConfigurable groupId="Other Settings" displayName="My Config" id="thief.id"
                             instance="MySearchableConfigurable"/>
    </extensions>

    <actions>
        <!-- Add your actions here -->
        <action id="HiId_FileMenu" class="HiClazz" text="HiName">
            <add-to-group group-id="FileMenu" anchor="first"/>
            <add-to-group group-id="MainMenu" anchor="first"/>
            <add-to-group group-id="EditMenu" anchor="first"/>
            <add-to-group group-id="ViewMenu" anchor="first"/>
            <add-to-group group-id="CodeMenu" anchor="first"/>
            <add-to-group group-id="AnalyzeMenu" anchor="first"/>
            <add-to-group group-id="RefactoringMenu" anchor="first"/>
            <add-to-group group-id="BuildMenu" anchor="first"/>
            <add-to-group group-id="RunMenu" anchor="first"/>
            <add-to-group group-id="ToolsMenu" anchor="first"/>
            <add-to-group group-id="WindowMenu" anchor="first"/>
            <add-to-group group-id="HelpMenu" anchor="first"/>
        </action>
        <action id="HiId_EditorPopupMenu" class="HiClazz" text="HiName">
            <add-to-group group-id="EditorPopupMenu" anchor="first"/>
        </action>
        <action id="HiId_MainToolBar" class="HiClazz" text="HiName">
            <add-to-group group-id="MainToolBar" anchor="first"/>
        </action>
    </actions>
    • 在 plugin.xml 的配置中,主要是把各个功能实现窗体配置到对应的菜单下,比如 Tools 下、toolWindow 里等。

    5.  测试结果

    启动运行

    • IDEA 插件开发运行会基于 Plugin 或者 Gradle 下配置的 ::runIde

    运行界面

    • 在 IDEA 的各个菜单中都可以看到新增加的 HiName 插件,在你实际开发的时候选择需要的内容进行配置即可。

    运行效果

    • 当鼠标点到类的上,在点 HiName 就可以看到对应的工程类信息了。

    六、插件开发能做啥都

    在 GitHub 上搜索 IDEA 插件开发,一共有44页内容,https://github.com/search?p=41&q=idea%E6%8F%92%E4%BB%B6&type=Repositories 涉及到自动化测试、工程脚手架、API生成、生成数据库的DAO类、一些常用工具,当然还有一些比较有意思的,比如:摸鱼看书、听郭德纲相声、微信聊天、局域网聊天、英语翻译等等。这里我给大家列举几个,开阔开阔思路。

    1. 快速生成 CRUD 工程代码

    • 地址:https://github.com/mars05/crud-intellij-plugin
    • 描述:一个增删改查的idea插件,可以根据数据库表结构,帮助您快速生成model、dao、service、controller等相关代码。同时支持MyBatis、JPA、MybatisPlus。

    2. 在 IDEA 中摸鱼聊天

    • 地址:https://github.com/Jamling/SmartIM4IntelliJ
    • 描述:ntelliJ IDEA上的SmartIM(原SmartQQ)插件,可以在IDEA中使用QQ或微信聊天。安装成功后,会在底部栏出现一个SmartIM的tab(如果没有底部栏,则在菜单View中把ToolButtons勾选上)

    3. 可视化流程编排

    • 地址:https://github.com/alibaba/compileflow
    • 描述compileflow Process引擎是淘宝工作流TBBPM引擎之一,是专注于纯内存执行,无状态的流程引擎,通过将流程文件转换生成java代码编译执行,简洁高效。当前是阿里业务中台交易等多个核心系统的流程引擎。在阿里巴巴中台解决方案中广泛使用,支撑了导购、交易、履约、资金等多个业务场景。

    七、总结

    • IDEA 开发技术涉及到了对 IDEA 插件开发 API 的熟悉以及UI界面的开发,所以如果想开发一款 IDEA 插件,基本离不开对 Swing 的编写,不过也不需要太复杂的页面,所有这部分技能还好。
    • IDEA 官网文档仅提供了两种构建 IDEA 插件工程的方法,但更推荐 Gradle 方式,这样可以满足你对后续其他功能组件的便捷引入,以及做其他内容的扩展。
    • IDEA 插件开发可以开发出很多用于提效研发编程的技术插件,例如一些监控、脚手架、接口API以及调试、流程化低代码编排等等,所以这部分内容的价值还是蛮大的。

    八、系列推荐

    - END -


    下方扫码关注 bugstack虫洞栈,与小傅哥一起学习成长、共同进步,做一个码场最贵Coder!

    • 回复【设计模式】,获取《重学Java设计模式》,这是一本互联网真实案例的实践书籍,从实际业务中抽离出,交易、营销、秒杀、中间件、源码等众多场景进行学习代码设计。
    • 回复【Spring专栏】,获取《手撸Spring》,这是一本通过带着读者手写简化版 Spring 框架,了解 Spring IOC、AOP、循环依赖等核心原理和设计实现的技术资料。
    • 回复【面经手册】,获取《面经手册 • 拿大厂Offer》,这是一本有深度的Java核心内容,从数据结构、算法、并发编程以及JVM系8不断深入讲解,让懂了就是真的懂。

    你好,我是小傅哥。一线互联网java 工程师、架构师,开发过交易&营销、写过运营&活动、设计过中间件也倒腾过中继器、IO板卡。不只是写Java语言,也搞过C#、PHP,是一个技术活跃的折腾者。
    2020年写了一本PDF《重学Java设计模式》,全网下载量50万+,帮助很多同学成长,现已出书。同年 github 的两个项目,CodeGuideitstack-demo-design,持续霸榜 Trending,成为全球热门项目。
    2021年上架一本小册《SpringBoot 中间件设计和开发》,16个互联网中间件场景、30个工程,是全网唯一一次手把手教你造轮子、写中间件,因为这样的技术离P7最近、离架构师最近、离高薪资最近!

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存