Condividi tramite

Avvio rapido: Usare Chat SDK con React Native

  • Articolo

In questa guida introduttiva si configurano i pacchetti nell'SDK JavaScript chat Servizi di comunicazione di Azure per supportare la chat nell'app React Native. I passaggi descritti nella guida introduttiva sono supportati per Servizi di comunicazione di Azure JavaScript Chat SDK 1.1.1 e versioni successive.

Configurare i pacchetti di chat da usare con React Native

Attualmente, i pacchetti di chat di Servizi di comunicazione sono disponibili come pacchetti node. Poiché non tutti i moduli Node sono compatibili con React Native, i moduli richiedono il funzionamento di una porta React Native.

Dopo aver inizializzato il progetto React Native, completare i passaggi seguenti per eseguire @azure/communication-chat operazioni con React Native. I passaggi installano i pacchetti che contengono React Native porte dei moduli Node Core necessari in @azure/communication-chat.

  1. Installare node-libs-react-native:

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

  2. Installare stream-browserify:

    npm install stream-browserify --save-dev

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

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

  4. Installare react-native-url-polyfill:

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

  5. Aggiornaremetro.config.jsper usare moduli Node Core compatibili con 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. Aggiungere i comandi seguenti import nella parte superiore del file del punto di ingresso:

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

  7. Installare i pacchetti di Servizi di comunicazione:

    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

Passaggi successivi

In questa guida introduttiva si è appreso come configurare i pacchetti di Servizi di comunicazione necessari per aggiungere chat all'app in un ambiente React Native.

Informazioni su come usare Chat SDK per avviare una chat.