Csevegési SDK használata a React Natív használatával

Ez a cikk azt ismerteti, hogyan állíthatja be a csomagokat az Azure Communication Services Chat JavaScript SDK-ban a React Natív alkalmazásban való csevegés támogatásához. Az alábbi lépések az Azure Communication Services JavaScript Chat SDK 1.1.1-s és újabb verzióihoz működnek.

A csevegőcsomagok beállítása a React Native használatához

Jelenleg a Communication Services csevegőcsomagjai csomópontcsomagokként érhetők el. Mivel nem minden csomópontmodul kompatibilis a React Natív verzióval, a modulok működéséhez react natív port szükséges.

A React Natív projekt inicializálása után hajtsa végre az alábbi lépéseket @azure/communication-chat a React Native használatához. Hajtsa végre az alábbi lépéseket a csomagok telepítéséhez, amelyek tartalmazzák a Node Core modulok szükséges React Native portjait @azure/communication-chat-ben.

1. node-libs-react-native telepítése:

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

2. stream-browserify telepítése:

   npm install stream-browserify --save-dev
   

3. react-native-get-random-values telepítése:

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

4. react-native-url-polyfill telepítése:

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

5. Frissítse ametro.config.js a React Native-kompatibilis Node Core modulok használatára:

   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. Adja hozzá a következő import parancsokat a belépési pont fájljának tetején:

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

7. A Communication Services-csomagok telepítése:

   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
   

Következő lépések

Ez a cikk azt ismertette, hogyan állíthatja be a szükséges Communication Services-csomagokat, hogy csevegést adjon hozzá az alkalmazáshoz Egy React natív környezetben.

Megtudhatja, hogyan indíthat csevegést a Csevegő SDK használatával.