Краткое руководство. Использование пакета SDK для чата с React Native

В этом кратком руководстве вы настроите пакеты в пакете SDK JavaScript для Службы коммуникации Azure Chat для поддержки чата в приложении React Native. Действия, описанные в этом кратком руководстве, поддерживаются для Службы коммуникации Azure пакета SDK для чата JavaScript версии 1.1.1 и более поздних версий.

Настройка пакетов чата для работы с React Native

В настоящее время пакеты чатов Служб коммуникации доступны в виде пакетов Node. Так как не все модули Node совместимы с React Native, для работы модулей требуется порт React Native.

После инициализации проекта React Native выполните следующие действия, чтобы работать @azure/communication-chat с React Native. Шаги по установке пакетов, содержащих React Native портов модулей Node Core, необходимых в @azure/communication-chat.

1. Установите node-libs-react-native:

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

2. Установите stream-browserify:

   npm install stream-browserify --save-dev
   

3. Установите react-native-get-random-values:

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

4. Установите react-native-url-polyfill:

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

5. Обновите metro.config.js для использования модулей Node Core, совместимых с 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. Добавьте следующие import команды в начало файла точки входа:

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

7. Установка пакетов Служб коммуникации:

   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
   

Дальнейшие действия

Из этого краткого руководства вы узнали, как настроить необходимые пакеты Служб коммуникации для добавления чата в приложение в среде React Native.

Узнайте, как использовать пакет SDK для чата для запуска чата.