uniapp 如何添加安卓原生插件通知

在uniapp中如何添加安卓原生插件来实现通知功能？需要具体步骤和注意事项，比如如何配置AndroidManifest.xml、如何与uniapp端进行通信等。是否有现成的插件推荐或者示例代码可以参考？

2 回复

在uni-app中添加安卓原生插件通知，需先在原生Android项目中创建插件，使用NotificationManager发送通知。然后在uni-app中通过uni.requireNativePlugin引入插件并调用方法。最后打包为.aar文件并配置到uni-app项目中。


在 UniApp 中添加安卓原生插件以实现通知功能，主要通过以下步骤完成：

1. 创建原生插件模块

在 uni-app 项目的 nativeplugins 目录下创建插件文件夹（例如 MyNotification），并包含以下文件：

  • android 文件夹：存放安卓原生代码。
  • package.json：插件配置文件。

示例 package.json：

{
  "name": "MyNotification",
  "id": "MyNotification",
  "version": "1.0.0",
  "description": "自定义通知插件",
  "_dp_type": "nativeplugin",
  "_dp_nativeplugin": {
    "android": {
      "plugins": [
        {
          "type": "module",
          "name": "MyNotification",
          "class": "com.example.MyNotificationModule"
        }
      ],
      "integrateType": "aar",
      "minSdkVersion": 21
    }
  }
}

2. 编写安卓原生代码

在 android 目录中创建模块类，继承 UniModule，并实现通知逻辑。

示例 MyNotificationModule.java：

package com.example;

import android.app.NotificationChannel;
import android.app.NotificationManager;
import android.content.Context;
import android.os.Build;
import androidx.core.app.NotificationCompat;
import io.dcloud.feature.uniapp.annotation.UniJSMethod;
import io.dcloud.feature.uniapp.bridge.UniJSCallback;
import io.dcloud.feature.uniapp.common.UniModule;

public class MyNotificationModule extends UniModule {
    private static final String CHANNEL_ID = "my_channel";

    @UniJSMethod(uiThread = true)
    public void showNotification(String title, String content, UniJSCallback callback) {
        Context context = mUniSDKInstance.getContext();
        NotificationManager manager = (NotificationManager) context.getSystemService(Context.NOTIFICATION_SERVICE);

        // 创建通知渠道（Android 8.0+ 需要）
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            NotificationChannel channel = new NotificationChannel(CHANNEL_ID, "My Channel", NotificationManager.IMPORTANCE_DEFAULT);
            manager.createNotificationChannel(channel);
        }

        // 构建通知
        NotificationCompat.Builder builder = new NotificationCompat.Builder(context, CHANNEL_ID)
                .setSmallIcon(android.R.drawable.ic_dialog_info)
                .setContentTitle(title)
                .setContentText(content)
                .setPriority(NotificationCompat.PRIORITY_DEFAULT);

        manager.notify(1, builder.build());
        if (callback != null) {
            callback.invoke("通知已发送");
        }
    }
}

3. 在 UniApp 中调用插件

在 Vue 页面或 JS 中引入并使用原生插件。

示例 Vue 代码：

<template>
  <view>
    <button @click="showNotification">发送通知</button>
  </view>
</template>

<script>
export default {
  methods: {
    showNotification() {
      const notificationModule = uni.requireNativePlugin('MyNotification');
      notificationModule.showNotification(
        '测试标题',
        '这是通知内容',
        (result) => {
          console.log(result);
        }
      );
    }
  }
}
</script>

4. 配置 manifest.json

在 manifest.json 中声明插件依赖：

{
  "name": "MyNotification",
  "plugins": {
    "MyNotification": {
      "version": "1.0.0",
      "provider": "你的插件ID"
    }
  }
}

注意事项：

  • 权限：在 AndroidManifest.xml 中添加通知权限：
    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
  • 兼容性：确保处理 Android 8.0+ 的通知渠道。
  • 调试：使用 Android Studio 调试原生代码，并通过 HBuilderX 运行到真机测试。

完成以上步骤后，即可在 UniApp 中通过调用原生插件实现安卓通知功能。

回到顶部