Les vues assainies seront floutées dans la relecture obtenue. Vous pouvez ajouter n’importe quel composant d’interface et il sera automatiquement supprimé (afin de préserver la mémoire) dès qu’il n’est plus à l’écran.

Ajoutez simplement le modificateur .sensitive() au composant souhaité.

import ORTracker

Text("Very important sensitive text")
.sensitive()

import ORTracker

ORTracker.shared.addIgnoredView(view)

Le SDK exporte ORSanitizedView, que vous pouvez utiliser pour envelopper vos composants sensibles afin de les flouter.

import OR from '@openreplay/react-native'

// ... your app UI

  <OR.ORSanitizedView>
    <SensitiveComponent />
  </OR.ORSanitizedView>

// ...

Deux clés sont exportées pour réduire automatiquement les données de la requête/réponse : ignoredKeys pour le corps et ignoredHeaders pour les en-têtes. La requête et la réponse seront toutes deux assainies, mais le corps ne sera affecté que s’il s’agit d’un JSON valide.

Assignez simplement une liste de chaînes que vous souhaitez assainir :

let networkListener = NetworkListener()
networkListener.ignoredHeaders = ["mySecretToken"]
networkListener.ignoredKeys = ["password"]

Il est également possible de modifier les données de la réponse avant de les transmettre au listener :

// ... request

var sanitizedData
if let data = data {
	do {
		let json = try JSONSerialization.jsonObject(with: data, options: [])
		sanitizedData = customSanitizeFunction(data)
		print(json)
	} catch {
		print("Error deserializing JSON: \(error)")
	}
}

networkListener.finish(response: response, data: sanitizedData)