WebSocket 反应本机

Question

我是 react native 的新手，从 ReactJS 迁移到我认为我可以使用与我之前的纯 Reactjs 应用程序相同的软件包，但我错了。

我要做的是建立一个websocket 连接。

我最近在我的 ReactJS 应用程序中使用 autobahnJS 包 WAMP2，但是当我转向 react native 时，似乎 autobahnJS 不支持 react-native

connectToSocketFunction = () =>{ // autobahn code
        let connection = new autobahn.Connection({ url: 'wss://api.example.com/websocket/', realm: 'Realm1', authmethods: ['jwt'] });
        connection.onopen = (session, detalis) => {

            session.subscribe('ChannelName', (data)=>console.log(data));
        };

有谁知道 react native 如何根据我的代码建立套接字连接？

我试过react-native-autobahnjs 不起作用

Answer 1

React Native 文档提到了对 WebSocket 连接的支持：

var ws = new WebSocket('ws://host.com/path');

ws.onopen = () => {
  // connection opened
  ws.send('something'); // send a message
};

ws.onmessage = (e) => {
  // a message was received
  console.log(e.data);
};

ws.onerror = (e) => {
  // an error occurred
  console.log(e.message);
};

ws.onclose = (e) => {
  // connection closed
  console.log(e.code, e.reason);
};

https://facebook.github.io/react-native/docs/network.html#websocket-support

您很可能需要使用其他基于 React Native 的框架来填补 Autobahn 提供的空白，例如会话支持和 JWT 身份验证。