Blog

Blog

PHODAL

【架构拾集】简易的 Android 混合应用框架的插件架构设计

在上一篇文章《【架构拾集】WebView 的 JavaScript Bridge 设计》里,我们介绍了 Android、iOS JavaScript Bridge 的一些 相关设计。

这篇文章,则针对上一篇文章,做一些相应的插件管理机制相关的补充。该方案基于 Cordova 框架的插件管理方案,做了尽可能的精简。

技术远景

作为项目的开发人员,我们希望拥有一个模块化的方案,及对手的插件管理机制,它在解耦应用代码的同时,可以提供更好的插件化管理方案。

架构设计

参考了 Cordova 的设计——通过类名(即插件名)来创建对应的实例(newInstance),对应的插件机制加载主要的代码如下所示:

private CordovaPlugin instantiatePlugin(String className) {
    CordovaPlugin ret = null;
    try {
        Class<?> c = null;
        if ((className != null) && !("".equals(className))) {
            c = Class.forName(className);
        }
        if (c != null & CordovaPlugin.class.isAssignableFrom(c)) {
            ret = (CordovaPlugin) c.newInstance();
        }
    } catch (Exception e) {
        e.printStackTrace();
        System.out.println("Error adding plugin " + className + ".");
    }
    return ret;
}

对应的,我们只需要创建自己的 CordovaPlugin 类即可,使用时调用对应的 execute 方法:

import java.util.Map;

public interface BridgePlugin {
    void execute(Map parameters, BridgePlugin bridgePluginCallback);
}

在完成执行结束后,则调用相应的回调方法即可:

import com.alibaba.fastjson.JSONObject;

public interface PluginCallback {
    void sendPluginResult(JSONObject message);
}

即对应于如下的代码:

locationPlugin.execute(pluginParams, message -> {
    buildData(message, callbackId);
    offer("success");
});

接着我们面临的挑战是,如何下载这些插件?于是,便编写了一个简单的 gradle 脚本来测试:

ext.addPlugins = { plugins ->
    delete "${buildDir}/bridge-plugins/"
    def hasCorePlugins = false
    def sidePlugins = []
    def corePlugins = []
    def pluginsSource = "https://github.com/phodal"
    def CORE_STRING = "core."

    for (plugin in plugins) {
        if(!plugin.startsWith(CORE_STRING)) {
            sidePlugins.push(plugin)
        } else {
            hasCorePlugins = true
            corePlugins.push(plugin)
        }
    }

    if (hasCorePlugins) {
        def git = Git.cloneRepository()
                .setURI(pluginsSource + "/core-plugins")
                .setDirectory(new File("${buildDir}/bridge-plugins/core"))
                .call()

        for (corePlugin in corePlugins) {
            def pluginName = corePlugin.substring(CORE_STRING.size(), corePlugin.size())
            println "handle plugin:" + pluginName
            copy {
                from "${buildDir}/bridge-plugins/core/" + pluginName
                into "${projectDir}/app/src/main/java/com/phodal/plugins/core/" + pluginName
            }
        }
    }

    if (sidePlugins.size > 0) {
        for (sidePlugin in sidePlugins) {
            println "handle plugin:" + sidePlugin
            def git = Git.cloneRepository()
                    .setURI(pluginsSource + "/" + sidePlugin)
                    .setDirectory(new File("${buildDir}/bridge-plugins/side/" + sidePlugin))
                    .call()

            copy {
                from "${buildDir}/bridge-plugins/side/" + sidePlugin
                into "${projectDir}/app/src/main/java/com/phodal/plugins/side/" + sidePlugin
            }
        }
    }
}

对应的插件下载逻辑是:

  1. 读取插件列表,按照是否以 core. 开头来判断是不中是模块化组件。
  2. 如果是模块化的组件,他们是单独的一个项目
  3. 如果不是模块组件,则是一堆 API 在同一个项目里
  4. 下载完后,将代码复制到项目里

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806

新书《前端架构:从入门到微前端》

《前端架构:从入门到微前端》是一本围绕前端架构的实施手册,从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。本书通过系统地介绍前端架构世界的方方面面,来帮助前端工程师更好地进行系统设计。

前端架构包含以下五部分内容:

  • 设计:讲述了架构设计的模式,以及设计和制定前端工作流。
  • 基础:通过深入构建系统、单页面应用原理、前端知识体系等,来构建出完整的前端应用架构体系。
  • 实施:通过与代码结构的方式,介绍如何在企业级应用中实施组件化架构、设计系统和前后端分离架构。
  • 微前端:引入6种微前端的概念,以及如何划分、设计微前端应用,并展示了如何实现这6种微前端架构。
  • 演进:提出更新、迁移、重构、重写、重新架构等架构演进方式,来帮助开发人员更好地设计演进式架构。
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 与我沟通

标签