react livebos-frame 使用
时间: 2023-07-31 16:08:33 浏览: 166
react-frame-component:将您的React应用渲染到iFrame
React Livebos-Frame 是一个 React 组件,它提供了一个可嵌入的 iframe,用于在 React 应用中展示 Livebos 客服咨询系统。使用 React Livebos-Frame 的步骤如下:
1. 在 React 项目中安装 React Livebos-Frame:
```
npm install react-livebos-frame
```
2. 在需要使用 Livebos 的组件中引入 React Livebos-Frame:
```jsx
import React from 'react';
import LivebosFrame from 'react-livebos-frame';
function LivebosChat() {
return (
<div>
<LivebosFrame
domain="yourdomain.livebos.com"
site_id="yoursiteid"
user_id="youruserid"
/>
</div>
);
}
export default LivebosChat;
```
其中,`domain` 为 Livebos 的域名,`site_id` 为站点 ID,`user_id` 为用户 ID,这些信息可以在 Livebos 后台管理页面中找到。
3. 在 Livebos 后台管理页面中配置站点,启用客服咨询系统。
4. 在项目中使用 `LivebosChat` 组件即可展示 Livebos 客服咨询系统。
阅读全文