React Native ile Sohbet SDK'sı kullanma

Bu makalede, React Native uygulamanızda sohbeti desteklemek için Azure İletişim Hizmetleri Sohbet JavaScript SDK'sında paketlerin nasıl ayarlanacağı açıklanmaktadır. Aşağıdaki adımlar Azure İletişim Hizmetleri JavaScript Sohbet SDK'sı 1.1.1 ve üzeri için geçerlidir.

React Native ile çalışmak için sohbet paketlerini ayarlama

Şu anda İletişim Hizmetleri sohbet paketleri Node paketleri olarak kullanılabilir. Tüm Node modülleri React Native ile uyumlu olmadığından modüllerin çalışması için 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. Aşağıdaki adımları tamamlayarak, @azure/communication-chat içinde gerekli olan Node Core modüllerinin React Native bağlantı noktalarını içeren paketleri yükleyin.

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

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

  2. stream-browserify yükleyin:

    npm install stream-browserify --save-dev

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

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

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

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

  5. React Native uyumlu Node Core modüllerini yapılandırmak için app.js dosyanızla aynı dizinde metro.config.js dosyasını oluşturun veya güncelleştirin. Dosya yoksa, aşağıdaki içeriğe sahip yeni bir dosya oluşturun:

    // metro.config.js

const { getDefaultConfig } = require('expo/metro-config');

const config = getDefaultConfig(__dirname);

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

module.exports = config;

  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 makalede, React Native ortamında uygulamanıza sohbet eklemek için gerekli İletişim Hizmetleri paketlerinin nasıl ayarlanacağı açıklanmıştır.

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

  • Last updated on