uni-app开发原生插件用哪种方式

在uni-app中开发原生插件，主要有两种方式：通过HBuilderX的可视化界面进行快速集成，以及手动编写原生代码进行深度定制。这里我们重点介绍手动编写原生代码的方式，因为这是最具灵活性和可控性的方法。

方式一：使用uni-app的原生模块扩展机制

1. 创建原生插件项目： 首先，你需要创建一个原生插件项目。这通常意味着你需要分别针对Android和iOS平台创建对应的原生模块。

2. 编写原生代码：

   • Android： 在android/app/src/main/java/...目录下创建你的Java类，例如：

     package com.example.myplugin;
     
     import android.content.Context;
     import io.dcloud.feature.uniapp.bridge.UniJSCallback;
     import io.dcloud.feature.uniapp.common.UniModule;
     
     public class MyModule extends UniModule {
         public void myMethod(UniJSCallback callback) {
             String result = "Hello from MyModule!";
             callback.invoke(result);
         }
     }
     

   • iOS： 在ios/Classes/...目录下创建你的Objective-C或Swift类，例如：

     // MyModule.h
     #import <Foundation/Foundation.h>
     #import <UniAppJsBridge/UniModule.h>
     
     @interface MyModule : UniModule
     - (void)myMethod:(UniJSCallback *)callback;
     @end
     
     // MyModule.m
     #import "MyModule.h"
     
     @implementation MyModule
     - (void)myMethod:(UniJSCallback *)callback {
         NSString *result = @"Hello from MyModule!";
         [callback invokeAndKeepAlive:result];
     }
     @end
     

3. 注册原生模块： 在manifest.json中注册你的原生模块，以便uni-app能够识别和使用它。

   "nativePlugins": [
       {
           "name": "MyPlugin",
           "class": "com.example.myplugin.MyModule", // Android
           "iosClass": "MyModule" // iOS
       }
   ]
   

4. 在前端调用原生模块： 在你的uni-app前端代码中，通过uni.requireNativePlugin方法引入并使用你的原生模块。

   const myPlugin = uni.requireNativePlugin('MyPlugin');
   myPlugin.myMethod((result) => {
       console.log(result); // 输出: Hello from MyModule!
   });
   

通过上述步骤，你可以在uni-app中成功开发并集成一个原生插件。这种方式提供了高度的灵活性，允许你根据具体需求定制原生功能。