Szybki start: korzystanie z zestawu SDK czatu z React Native

W tym przewodniku Szybki start skonfigurujesz pakiety w zestawie SDK Azure Communication Services Chat JavaScript w celu obsługi czatu w aplikacji React Native. Kroki opisane w przewodniku Szybki start są obsługiwane w przypadku Azure Communication Services zestawu JavaScript Chat SDK 1.1.1 lub nowszego.

Konfigurowanie pakietów czatów do pracy z React Native

Obecnie pakiety czatów usług Communication Services są dostępne jako pakiety node. Ponieważ nie wszystkie moduły node są zgodne z React Native, moduły wymagają portu React Native do pracy.

Po zainicjowaniu projektu React Native wykonaj następujące kroki, aby @azure/communication-chat pracować z React Native. Kroki instalowania pakietów zawierających React Native portów modułów Core platformy Node, które są wymagane w programie @azure/communication-chat.

1. Zainstaluj program node-libs-react-native:

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

2. Zainstaluj program stream-browserify:

   npm install stream-browserify --save-dev
   

3. Zainstaluj program react-native-get-random-values:

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

4. Zainstaluj program react-native-url-polyfill:

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

5. Zaktualizuj metro.config.js, aby używać modułów Node Core zgodnych z React Native:

   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. Dodaj następujące import polecenia w górnej części pliku punktu wejścia:

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

7. Zainstaluj pakiety usług Communication Services:

   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
   

Następne kroki

W tym przewodniku Szybki start przedstawiono sposób konfigurowania wymaganych pakietów usług Komunikacyjnych w celu dodania czatu do aplikacji w środowisku React Native.

Dowiedz się, jak rozpocząć czat za pomocą zestawu SDK czatu.