react livebos-frame 使用 并且怎么接受回调消息 后端要设置什么

使用 React Livebos-Frame 展示 Livebos 客服咨询系统时，可以通过 `onMessage` 属性来接收 Livebos 发送的消息回调。具体步骤如下：

1. 在需要使用 Livebos 的组件中引入 React Livebos-Frame：

import React from 'react';
import LivebosFrame from 'react-livebos-frame';

function LivebosChat() {
  // 定义回调函数
  const handleMessage = (message) => {
    console.log('收到消息：', message);
  };

  return (
    <div>
      <LivebosFrame
        domain="yourdomain.livebos.com"
        site_id="yoursiteid"
        user_id="youruserid"
        onMessage={handleMessage} // 设置回调函数
      />
    </div>
  );
}

export default LivebosChat;

2. 在 `handleMessage` 回调函数中处理 Livebos 发送的消息。

后端需要配置 CORS 跨域访问相关的设置，以允许 Livebos 客户端与后端服务器进行跨域通信。具体设置可以参考 Livebos 官方文档中的说明。

另外，如果需要在 Livebos 客服咨询系统中展示后端服务器返回的数据，可以使用 Livebos 提供的 `setCustomInfo` 方法将数据传递给客服系统。具体流程如下：
1. 在后端服务器中处理客户端发送的请求，并返回需要展示的数据。
2. 在前端代码中使用 `setCustomInfo` 方法将数据传递给 Livebos 客服系统：

import { setCustomInfo } from 'react-livebos-frame';

// 获取需要展示的数据
const data = { name: 'John Doe', age: 30 };

// 将数据传递给 Livebos 客服系统
setCustomInfo(data);

在客服系统中，可以通过 `{{custom_info.name}}` 来展示名字，通过 `{{custom_info.age}}` 来展示年龄。