Aracılığıyla paylaş

Hızlı Başlangıç: React Native ile Sohbet SDK'sını kullanma

  • Makale

Bu hızlı başlangıçta, React Native uygulamanızda sohbeti desteklemek için Azure İletişim Hizmetleri Sohbet JavaScript SDK'sında paketleri ayarlarsınız. Hızlı başlangıçta açıklanan adımlar Azure İletişim Hizmetleri JavaScript Sohbet SDK 1.1.1 ve üzeri için desteklenir.

sohbet paketlerini React Native çalışacak şekilde ayarlama

İletişim Hizmetleri sohbet paketleri şu anda Node paketleri olarak kullanılabilir. Tüm Node modülleri React Native ile uyumlu olmadığından modüllerin çalışması için bir React Native bağlantı noktası gerekir.

React Native projenizi başlatdıktan sonra, React Native ile çalışmak için @azure/communication-chat aşağıdaki adımları tamamlayın. Adımlar, içinde gerekli @azure/communication-chatolan Node Core modüllerinin React Native bağlantı noktalarını içeren paketleri yükler.

  1. node-libs-react-native yükleme:

    npm install node-libs-react-native --save-dev

  2. stream-browserify yükleme:

    npm install stream-browserify --save-dev

  3. react-native-get-random-values yükleme:

    npm install react-native-get-random-values --save-dev

  4. react-native-url-polyfill yükleme:

    npm install react-native-url-polyfill --save-dev

  5. React Native uyumlu Node Core modüllerini kullanmak için metro.config.js güncelleştirin:

    module.exports = {
    // ...
    resolver: {
        extraNodeModules: {
            ...require('stream-browserify'),
            ...require('node-libs-react-native'),
            net: require.resolve('node-libs-react-native/mock/net'),
            tls: require.resolve('node-libs-react-native/mock/tls')
    }
};
}

  6. Giriş noktası dosyanızın en üstüne aşağıdaki import komutları ekleyin:

    import 'node-libs-react-native/globals';
import 'react-native-get-random-values';
import 'react-native-url-polyfill/auto';

  7. İletişim Hizmetleri paketlerini yükleme:

    npm install @azure/communication-common@1.1.0 --save

npm install @azure/communication-signaling@1.0.0-beta.11 --save

npm install @azure/communication-chat@1.1.1 --save

Sonraki adımlar

Bu hızlı başlangıçta, React Native bir ortamda uygulamanıza sohbet eklemek için gerekli İletişim Hizmetleri paketlerini ayarlamayı öğrendiniz.

Sohbet başlatmak için Sohbet SDK'sını kullanmayı öğrenin.