ReactNative消息通知震动与铃声集成_何-马_react native 消息通知

未知 02-07 7407

消息通知前言

消息推送对于大多数app来说这部分功能都是需要的，但是目前常用的推送基本在于：极光推送，个推等；一般的极光推送的集成网上资料基本很多，主要集成过程也比较完全，本篇文章介绍极光推送消息在线通知，离线基本采用极光通知以及集成厂商通道

一、app在线通知

接受到来自于该对话窗口的新消息的时候触发提示音与震动，接收到非当前聊天的新消息时进行消息通知。针对于这种情况，非当前聊天采用本地通知，该对话窗口分别采用原生集成提示音与震动，再回调至ReactNative

二、使用步骤 1.非当前聊天

代码如下（示例）：直接进行本地通知

JPush.addLocalNotification({ messageID: data.msgId + '', title: "标题", content: "内容", extras: {"type": "message", message: data}, isLocal: true, }) 2.该对话窗口集成提示音与震动

代码如下（示例）： ios集成 CurrNotice.h

#import <Foundation/Foundation.h> #import <React/RCTBridgeModule.h> NS_ASSUME_NONNULL_BEGIN @interface CurrNotice : NSObject<RCTBridgeModule> @end NS_ASSUME_NONNULL_END

CurrNotice.m

#import "CurrNotice.h" #import "AppDelegate.h" #import <AudioToolbox/AudioToolbox.h> @implementation CurrNotice RCT_EXPORT_MODULE(); //当前聊天页面新消息到达播放声音 RCT_EXPORT_METHOD(setCurrNotification){ SystemSoundID sound = kSystemSoundID_Vibrate; NSString *path = [NSString stringWithFormat:@"/System/Library/Audio/UISounds/%@.%@",@"ReceivedMessage",@"caf"]; if (path) { OSStatus error = AudioServicesCreateSystemSoundID((__bridge CFURLRef)[NSURL fileURLWithPath:path],&sound); if (error != kAudioServicesNoError) { sound = 0; } } AudioServicesPlaySystemSound(sound);//播放声音 AudioServicesPlaySystemSound(kSystemSoundID_Vibrate);//静音模式下震动 } @end

当前采用ReceivedMessage收到新消息的铃声，其他铃声可以对照该链接http://iphonedevwiki.net/index.php/AudioServices。

AudioToolbox的引用需要在项目Build Phases— Link Binary With Libraries中引入AudioToolbox.framework 状态为Required android集成先在MainApplication中加入MyReactNativePackage

1.MainApplication

public class MainApplication extends Application implements ReactApplication { public static boolean hasLoadQbsdk =false; private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { @Override public boolean getUseDeveloperSupport() { return BuildConfig.DEBUG; } @Override protected List<ReactPackage> getPackages() { @SuppressWarnings("UnnecessaryLocalVariable") List<ReactPackage> packages = new PackageList(this).getPackages(); // Packages that cannot be autolinked yet can be added manually here, for example: packages.add(new MyReactNativePackage()); return packages; } @Override protected String getJSBundleFile() { return CodePush.getJSBundleFile(); } @Override protected String getJSMainModuleName() { return "index"; } };

2.MyReactNativePackage

public class MyReactNativePackage implements ReactPackage { @Override public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) { List<NativeModule> modules = new ArrayList<>(); modules.add(new CurrNoticeModule(reactContext)); return modules; } }

3.CurrNoticeModule

public class CurrNoticeModule extends ReactContextBaseJavaModule { private static final String TAG = "CurrNoticeModule"; private long lastNotifiyTime; public CurrNoticeModule(ReactApplicationContext reactContext) { super(reactContext); } @Override public String getName() { return "CurrNoticeModule"; } @ReactMethod public void setCurrNotification() { AudioManager audioManager = (AudioManager) getCurrentActivity().getSystemService(Context.AUDIO_SERVICE); //此方法是由Context调用的 Vibrator vibrator = (Vibrator) getCurrentActivity().getSystemService(Context.VIBRATOR_SERVICE); //同上 if (System.currentTimeMillis() - lastNotifiyTime < 1000) { // received new messages within 2 seconds, skip play ringtone return; } try { lastNotifiyTime = System.currentTimeMillis(); // check if in silent mode if (audioManager.getRingerMode() == AudioManager.RINGER_MODE_SILENT) { Log.e(TAG, "已经调成静音"); return; } long[] pattern = new long[]{0, 180, 80, 120}; vibrator.vibrate(pattern, -1); //震动 Ringtone ringtone = null; if (ringtone == null) { Uri notificationUri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION); ringtone = RingtoneManager.getRingtone(getCurrentActivity(), notificationUri); if (ringtone == null) { Log.d(TAG, "cant find ringtone at:" + notificationUri.getPath()); return; } } if (!ringtone.isPlaying()) { String vendor = Build.MANUFACTURER; ringtone.play(); // for samsung S3, we meet a bug that the phone will // continue ringtone without stop // so add below special handler to stop it after 3s if // needed if (vendor != null && vendor.toLowerCase().contains("samsung")) { Ringtone finalRingtone = ringtone; Thread ctlThread = new Thread() { public void run() { try { Thread.sleep(3000); if (finalRingtone.isPlaying()) { finalRingtone.stop(); } } catch (Exception e) { } } }; ctlThread.run(); } } } catch (Exception e) { e.printStackTrace(); } } }

最后在ReactNtaive中通过 NativeModules.CurrNoticeModule.setCurrNotification() 进行调用

总结

以上就是今天要讲的内容，本文主要通过原生集成提示音与震动的功能，再通过RN进行调用集成