Sdílet prostřednictvím

Rychlý start: Použití sady SDK pro chat s React Native

  • Článek

V tomto rychlém startu nastavíte balíčky v sadě JavaScript SDK pro Azure Communication Services Chat pro podporu chatu ve vaší React Native aplikaci. Kroky popsané v tomto rychlém startu jsou podporované pro Azure Communication Services JavaScript Chat SDK 1.1.1 a novější.

Nastavení chatovacích balíčků pro práci s React Native

V současné době jsou chatovací balíčky komunikačních služeb dostupné jako balíčky Node. Vzhledem k tomu, že ne všechny moduly Node jsou kompatibilní s React Native, vyžadují moduly ke své práci React Native port.

Po inicializaci projektu React Native proveďte následující kroky, abyste mohli @azure/communication-chat pracovat s React Native. Kroky nainstalují balíčky, které obsahují React Native porty modulů Node Core, které jsou požadovány v nástroji @azure/communication-chat.

  1. Nainstalujte node-libs-react-native:

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

  2. Nainstalujte stream-browserify:

    npm install stream-browserify --save-dev

  3. Nainstalujte react-native-get-random-values:

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

  4. Nainstalujte react-native-url-polyfill:

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

  5. Aktualizujte metro.config.js tak, aby používal moduly Node Core kompatibilní s 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. Na začátek souboru vstupního bodu přidejte následující import příkazy:

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

  7. Nainstalujte balíčky Komunikační služby:

    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

Další kroky

V tomto rychlém startu jste zjistili, jak nastavit požadované balíčky komunikačních služeb pro přidání chatu do aplikace v prostředí React Native.

Naučte se používat sadu SDK pro chat k zahájení chatu.