Condividi tramite

Utilizzo di Chat SDK con React Native

  • Articolo

Questo articolo descrive come configurare i pacchetti in Chat JavaScript SDK di Servizi di comunicazione di Azure per supportare la chat nell'app React Native. La procedura seguente funziona per JavaScript Chat SDK 1.1.1 e versioni successive di Servizi di comunicazione di Azure.

Configurare i pacchetti di chat per l'uso 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 lavorare @azure/communication-chat con React Native. Completare i passaggi seguenti per installare i pacchetti che contengono porte React Native 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. Aggiornare metro.config.js per usare i 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/[email protected] --save

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

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

Passaggi successivi

Questo articolo ha descritto 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.