C-Prot EAD Android Modülü

Kurulum

Projenize c-prot-ead-module paketini eklemek için aşağıdaki adımları izleyin:

C-Prot EAD React Native NPM Kullanım Rehberi

Aşağıdaki adımları takip ederek C-Prot SDK'nın entegrasyonunu başarılı bir şekilde gerçekleştirebilir ve uygulamanızda güvenlik özelliklerini etkin bir şekilde kullanabilirsiniz.

Not: react-native version: ‘0.74.5’, react version: ’18.2.0’ NPM Paketini: npmjs.com/package/c-prot-ead-module buradan inceleyebilirsiniz.

1. NPM Paketinin Kurulması Projenize c-prot-ead-module paketini eklemek için aşağıdaki adımları izleyin:

Projenizin kök dizininde bir terminal veya komut istemcisi açın.

Paket yöneticinizi kullanarak paketi kurun. Aşağıdaki komutu çalıştırın:

npm i c-prot-ead-module

Daha sonra node_modules içerisine yüklenip yüklenmediğini kontrol ediniz.

Kullanım

C-Prot EAD modülünü React Native uygulamanızda kullanmak için aşağıdaki örneği inceleyebilirsiniz:

import { CProtEadModule } from 'c-prot-ead-module';
const result = await CProtEadModule();

Örnek Kullanım

Aşağıda, c-prot-ead-module paketini kullanarak temel bir React Native uygulaması oluşturma adımlarını bulabilirsiniz:

/**
 * Örnek Kullanım
 * @format
 */

import React, { useEffect, useState } from 'react';
import { NativeEventEmitter } from 'react-native';
import CProtEadModule from 'c-prot-ead-module';
import {
  SafeAreaView,
  ScrollView,
  StyleSheet,
  Text,
  View,
} from 'react-native';

const mainBridgeModuleEvents = new NativeEventEmitter(CProtEadModule);

const App: React.FC = () => {
  const [logs, setLogs] = useState<string[]>([]);

  useEffect(() => {
    // Setup Module parametresine kullanıcı id’si ile çağırarak bütün modül bileşenlerini başlatıyoruz.
    CProtEadModule.setupModule('userId');

    // Olayları dinler
    const logSubscription = mainBridgeModuleEvents.addListener('LogEvent', (event) => {
      setLogs(prevLogs => [...prevLogs, event]);
    });

    return () => {
      logSubscription.remove();
    };
  }, []);

  return (
    <SafeAreaView>
      <ScrollView style={styles.scrollView}>
        {logs.map((log, index) => (
          <View key={index} style={styles.logContainer}>
            <Text style={styles.logText}>{log}</Text>
          </View>
        ))}
      </ScrollView>
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#f5f5f5',
  },
  scrollView: {
    width: '100%',
  },
  logContainer: {
    padding: 10,
    borderBottomWidth: 1,
    borderBottomColor: '#ccc',
  },
  logText: {
    fontSize: 16,
    color: '#333',
  },
});

export default App;

Sık Yapılan Hatalar

Bu bölüm, c-prot-ead-module paketini kullanırken karşılaşabileceğiniz bazı yaygın hataları ve çözüm önerilerini içerir.

Hata: CProtEadModule Tanınmıyor

Açıklama: Paket içe aktarıldığında CProtEadModule tanınmıyor veya undefined olarak görünüyor. Olası Çözümler:

Kontrol Edin: Paketin doğru şekilde yüklendiğinden emin olun. node_modules dizininde c-prot-ead-module paketi mevcut mu kontrol edin.

Paket İlişkileri: package.json dosyanızda c-prot-ead-module bağımlılığının doğru versiyonunu kullandığınızdan emin olun.

Yeniden Yükleyin: Paketi yeniden yüklemeyi deneyin. Terminalde şu komutları çalıştırın:

npm uninstall c-prot-ead-module
npm install c-prot-ead-module

Hata: Fonksiyonlar Etkisiz

Açıklama: CProtEadModule ile kullanılan fonksiyonlar çalışmıyorsa. Olası Çözümler:

Olay Adı: Olay adının doğru yazıldığını kontrol edin. Olay adı, modülün dökümantasyonuyla eşleşmelidir. Yapılandırma: CProtEadModule.setupModule('userId') çağrısının doğru şekilde yapıldığından ve gerekli parametrelerin sağlandığından emin olun. Dinleyici Temizliği: Bileşen kaldırıldığında dinleyiciyi temizlemeyi unutmayın. Dinleyici, bileşen kaldırıldığında bellekte kalabilir ve bu bellek sızıntısına neden olabilir. Hata: Paket Sürüm Uyumsuzluğu Açıklama: c-prot-ead-module paketi, proje bağımlılıklarıyla uyumsuz görünüyor veya sürüm hatası alıyorsunuz. Olası Çözümler:

Bağımlılıklar: package.json dosyanızdaki bağımlılıkları kontrol edin ve c-prot-ead-module ile uyumlu sürümlerin kullanıldığından emin olun. Sürüm Uyumluluğu: Projeye bağlı olarak, belirli bir sürüm gereksinimi olabilir. Paketin dökümantasyonundaki sürüm notlarını kontrol edin.