设置通知侦听器

本主题介绍如何为 Eyeofcloud 功能实验 React SDK 设置和删除通知侦听器。

通知侦听器触发您在 SDK 中触发某些操作时定义的回调函数。

最常见的用例是将所有特性标帜(Feature Flag)决策的流发送到分析提供商或内部数据仓库，以将其与您拥有的有关用户的其他数据联接。

通知侦听器类型

有关通知侦听器类型和用例的更多信息，请参阅通知侦听器。

有关代码示例，请参阅以下部分。

添加和删除所有通知侦听器

下面的示例代码演示如何添加侦听器、删除侦听器、删除特定类型的所有侦听器（例如所有决策侦听器）以及删除所有侦听器。

JavaScript

import { enums } from '@eyeofcloud/react-sdk';  

// Remove Notification Listener 
eyeofcloudClient.notificationCenter.removeNotificationListener(notificationId);  

// Remove All Notification Listeners 
eyeofcloudClient.notificationCenter.clearAllNotificationListeners();  

// Remove all Notification Listeners of a certain type 
yeofcloudClient.notificationCenter.clearNotificationListeners(enums.NOTIFICATION_TYPES.DECISION);

设置每种类型的通知侦听器

下面的示例代码演示如何设置每种类型的通知侦听器。

JavaScript

import { enums } from '@eyeofcloud/react-sdk'; 
// import your third-party analytics integration here  

/////////////////////////////////////////// 
// SET UP DECISION NOTIFICATION LISTENER // 
///////////////////////////////////////////  

const onDecision = ({ type, userId, attributes, decisionInfo }) => {   
    // Add a DECISION Notification Listener for type FLAG   
    if (type === 'flag') {     
        // Access information about feature, for example, key and enabled status     
        console.log(decisionInfo['flagKey']);     
        console.log(decisionInfo['enabled']);     
        console.log(decisionInfo['decisionEventDispatched']);     
        // Send data to analytics provider here
    } 
}  

const notificationId = eyeofcloudClient.notificationCenter.addNotificationListener(enums.NOTIFICATION_TYPES.DECISION, onDecision);  

//////////////////////////////////////////// 
// SET UP LOG EVENT NOTIFICATION LISTENER // 
////////////////////////////////////////////  

const onLogEvent = (logEvent) => {   
    // process the logEvent object here (send to analytics provider, audit/inspect data) 
}  

eyeofcloudClient.notificationCenter.addNotificationListener(enums.NOTIFICATION_TYPES.LOG_EVENT, onLogEvent);  

//////////////////////////////////////////////////// 
// SET UP EYEOFCLOUD CONFIG NOTIFICATION LISTENER // 
////////////////////////////////////////////////////  

// listen to EYEOFCLOUD_CONFIG_UPDATE to get updated data 
const onConfigUpdateListener = () => {   
    const config = eyeofcloudClient.getEyeofcloudConfig() 
}  

eyeofcloudClient.notificationCenter.addNotificationListener(enums.NOTIFICATION_TYPES.EYEOFCLOUD_CONFIG_UPDATE, onConfigUpdateListener);  

//////////////////////////////////////// 
// SET UP TRACK NOTIFICATION LISTENER // 
////////////////////////////////////////  
const onTrack = (event) => {   
    // process the event here (send to analytics provider, audit/inspect data) 
}  
eyeofcloudClient.notificationCenter.addNotificationListener(enums.NOTIFICATION_TYPES.TRACK, onTrack);