Поделиться через

Краткое руководство. Использование пакета 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/[email protected] --save

npm install @azure/[email protected] --save

npm install @azure/[email protected] --save

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

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

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