美文网首页
Uni-app Native plugin develop fo

Uni-app Native plugin develop fo

作者: CarsonChen | 来源:发表于2023-04-17 11:19 被阅读0次

    一、背景

    Uni-app 使用 Vue 作为 UI 框架,底层集成不同平台统一的 Plugin,来达到跨平台的功能。
    本文主要专门针对开发 Uni-app AOS 源生插件方法。
    官方文档:https://nativesupport.dcloud.net.cn/NativePlugin/

    二、使用 Gradle 开发 Uni-app native 插件

    开发教程:https://nativesupport.dcloud.net.cn/NativePlugin/course/android.html#

    1.下载SDK

    下载地址: https://nativesupport.dcloud.net.cn/AppDocs/download/android.html
    下载完成之后并解压:

    项目结构

    2.配置工程

    导入到 Android Studio 并进行配置信息


    配置信息

    apps/__UNI__A460D78 中的文件则为 Uni-app 项目本地打包生成的。
    需要更改的配置信息如上图所示。
    配置插件 Module 并指定 hookClass


    插件配置
    如果是自己重新创建的Module,则必须要在下图位置中进行引入。
    配置信息

    3. 开发插件

    //run ui thread
    @UniJSMethod(uiThread = true)
    public void testAsyncFunc(JSONObject options, UniJSCallback callback) {
        Log.e(TAG, "testAsyncFunc--"+options);
        if(callback != null) {
            JSONObject data = new JSONObject();
            data.put("code", "success");
            callback.invoke(data);
        }
    }
    
    //run JS thread
    @UniJSMethod (uiThread = false)
    public JSONObject testSyncFunc(){
        JSONObject data = new JSONObject();
        data.put("code", "success");
        return data;
    }
    

    4. 运行项目

    配置 keystore 之后,可以正常运行到真机进行调试设备。

    5. 打包 aar

    Run build make project
    即可以看到 build/output/aar/ 路径下有 aar 的包。

    相关文章

      网友评论

          本文标题:Uni-app Native plugin develop fo

          本文链接:https://www.haomeiwen.com/subject/uimfjdtx.html