android 13 解决无法推送问题(notifications 相关)

最近,接手的 app (react native 技术栈) 需要添加一些关于推送的流程,根据后端返回的 json 到达对应的页面,这个也不难,根据旧代码添加相应的流程就行了。加上,让 qa 人员测试,发现 android 13 无法推送。以下是总结的解决思路

添加权限

在 AndroidManifest.xml 加上 POST_NOTIFICATIONS 权限

xml 复制代码
<uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>

请求权限

在上面我们添加了通知权限,但默认是关闭的,需要用户长按 app 的图标到应用程序信息那手动把通知权限打开,这肯定是不现实的,因此得主动请求,并让用户选择是否给予通知权限

既然是用 react naitve,那就用 js 代码请求好了,由于只有在安卓13需要用到,因此需要判断系统和版本

javascript 复制代码
import React, {Component} from 'react';
import {
  Platform,
  PermissionsAndroid,
} from 'react-native';

export default class App extends Component {

  componentDidMount() {
    if (Platform.OS === 'android' && Platform.Version === 13) {
      PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS);
    }
  }

}

但实际上出了问题,PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONSundefined,github 也有相关的 issue,是跟 RN 的版本有关,v0.70.7 版本才解决了这个问题,很显然升级 rn 的代价太大(接手的项目还不支持 function component 和 hook 呢),因此采用原生方法请求

在 MainActivity.java 添加下列代码,其中 requestPermissions 的第二个参数 requestCode 是自定义的,不重复即可,下面我就定义为了 101

java 复制代码
import android.Manifest;
import android.os.Build;

public class MainActivity extends ReactActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // 同样判断 android 版本为 13
        if (Build.VERSION.SDK_INT == Build.VERSION_CODES.TIRAMISU) {
            requestPermissions(new String[]{Manifest.permission.POST_NOTIFICATIONS}, 101);
        }
    }
}

好了,重新编译安装后,打开 app 会出现 "运行 app 向你发送通知吗" 的类似弹窗,如果用户拒绝的话,还是得手动去应用程序信息那里设置,当然,如果用户选择允许的话,我们的问题就解决了。

引导用户打开权限

如果用户选择不允许的话,又有重要的需要推送,就可能需要引导用户去打开权限了,因此我们写个桥接文件,提供两个方法,checkEnablejumpToNotificationsSettingPage,第一个判断权限有没有打开,第二个跳转到设置页面

NotificationsModule.java

java 复制代码
package com.xxxapp;

import android.content.Context;
import android.content.Intent;
import android.content.pm.ApplicationInfo;

import androidx.annotation.NonNull;
import androidx.core.app.NotificationManagerCompat;

import com.facebook.react.bridge.Promise;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;

public class NotificationsModule extends ReactContextBaseJavaModule {

    private final Context context;

    public NotificationsModule(ReactApplicationContext reactApplicationContext) {
        super(reactApplicationContext);
        context = reactApplicationContext;
    }

    @NonNull
    @Override
    public String getName() {
        return "Notifications";
    }

    @ReactMethod
    public void checkEnable(final Promise promise) {
        promise.resolve(NotificationManagerCompat.from(context).areNotificationsEnabled());
    }

    @ReactMethod
    public void jumpToNotificationsSettingPage() {
        final ApplicationInfo applicationInfo = context.getApplicationInfo();
        Intent intent = new Intent();
        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        intent.setAction("android.settings.APP_NOTIFICATION_SETTINGS");
        intent.putExtra("android.provider.extra.APP_PACKAGE", applicationInfo.packageName);
        context.startActivity(intent);
    }

}

NotificationsPackage.java

java 复制代码
package com.xxxapp;

import androidx.annotation.NonNull;

import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

public class NotificationsPackage implements ReactPackage {

    @NonNull
    @Override
    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
        return new ArrayList<>(Collections.singletonList(new NotificationsModule(reactContext)));
    }

    @NonNull
    @Override
    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
        return Collections.emptyList();
    }
}
相关推荐
moshuying3 小时前
别让AI焦虑,偷走你本该有的底气
前端·人工智能
GIS之路4 小时前
ArcPy,一个基于 Python 的 GIS 开发库简介
前端
可夫小子6 小时前
OpenClaw基础-为什么会有两个端口
前端
喝拿铁写前端6 小时前
Dify 构建 FE 工作流:前端团队可复用 AI 工作流实战
前端·人工智能
喝咖啡的女孩7 小时前
React 合成事件系统
前端
从文处安7 小时前
「九九八十一难」组合式函数到底有什么用?
前端·vue.js
用户5962585736067 小时前
戴上AI眼镜逛花市——感受不一样的体验
前端
yuki_uix7 小时前
Props、Context、EventBus、状态管理:组件通信方案选择指南
前端·javascript·react.js
老板我改不动了7 小时前
前端面试复习指南【代码演示多多版】之——HTML
前端
panshihao7 小时前
Mac 环境下通过 SSH 操作服务器,完成前端静态资源备份与更新(全程实操无坑)
前端