Rövid útmutató: A Csevegő SDK használata React Native

Ebben a rövid útmutatóban beállítja a csomagokat a Azure Communication Services Chat JavaScript SDK-ban, hogy támogassa a csevegést a React Native alkalmazásban. A rövid útmutatóban leírt lépések támogatottak Azure Communication Services JavaScript Chat SDK 1.1.1 és újabb verziók esetében.

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

A Communication Services-csevegőcsomagok jelenleg Node-csomagokként érhetők el. Mivel nem minden csomópontmodul kompatibilis React Native, a modulok működéséhez React Native portra van szükség.

A React Native projekt inicializálása után végezze el az alábbi lépéseket @azure/communication-chat a React Native használatához. A lépések telepítik azokat a csomagokat, amelyek React Native Node Core-modulok portjait tartalmazzák, amelyek a következőben @azure/communication-chatszükségesek: .

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 metro.config.js 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

Ebben a rövid útmutatóban megtanulta, hogyan állíthatja be a szükséges Communication Services-csomagokat ahhoz, hogy csevegőüzeneteket adjon az alkalmazásához egy React Native környezetben.

Megtudhatja, hogyan indíthat csevegést a Csevegő SDK-val.