集成轻量级WEB聊天控件（引入Authorization认证方式） 概述 集成原理 集成步骤 开发前准备 集成开发 测试与验证 常见问题

查看更多 →

集成轻量级WEB聊天控件（引入Token认证方式） 概述 集成原理 集成步骤 开发前准备 集成开发 测试与验证 常见问题

查看更多 →

发起聊天 发起1对1聊天/群聊 在消息模块，可单击“+”，显示发起聊天按钮，如图1所示，选择一个或多个聊天对象，可发起1对1聊天或群聊。 图1 发起聊天 发送火箭消息 在消息模块，单击“火箭消息”，选择发送对象后，可发送火箭消息，如图2所示。 当发起火箭消息后，聊天对象在一段时间内未读时，会向对方发送短信提醒。

查看更多 →

发起聊天 发起1对1聊天/群聊 在消息模块，可单击“+”，显示发起聊天按钮，如图1所示，选择一个或多个聊天对象，可发起1对1聊天或群聊。 图1 发起聊天 发送火箭消息 在消息模块，单击“火箭消息”，选择发送对象后，可发送火箭消息，如图2所示。 当发起火箭消息后，聊天对象在一段时间内未读时，会向对方发送短信提醒。

查看更多 →

请依据您的需求选择对应的开发指南，如您需要使用authorization认证方式，请进入集成轻量级WEB聊天控件（引入Authorization认证方式）后继续阅读。 图1 在线客服客户端窗口 图2 在线客服座席端界面 父主题： 集成轻量级WEB聊天控件（引入Token认证方式）

查看更多 →

概述 轻量级WEB聊天控件是一款能快速集成到网站的在线客服用户端产品，当前仅支持PC端WEB集成。选择我们的产品，您可以在云客服 SaaS（Software as a Service）系统场景下，快速构建智能在线客服系统，实现与用户在网页进行在线聊天。 轻量级WEB聊天控件提供的网页与客户在线聊天的功能，具有如下特点：

查看更多 →

等信息返回云客服，请求鉴权，鉴权通过后可实现云客服网页聊天能力的轻量级接入，请参见开发集成页面。 测试与验证WEB聊天控件功能，通过客户端窗口发起在线聊天检查与座席聊天功能，请参见测试与验证。 父主题： 集成轻量级WEB聊天控件（引入Authorization认证方式）

查看更多 →

等信息返回云客服，请求鉴权，鉴权通过后可实现云客服网页聊天能力的轻量级接入，请参见开发集成页面。 测试与验证WEB聊天控件功能，通过客户端窗口发起在线聊天检查与座席聊天功能，请参见测试与验证。 父主题： 集成轻量级WEB聊天控件（引入Token认证方式）

查看更多 →

集成原理 如果您期望了解我们的集成原理，请参见图1。 图1 Web聊天控件token认证方式集成原理 父主题： 集成轻量级WEB聊天控件（引入Token认证方式）

查看更多 →

集成原理 如果您期望了解我们的实现原理，请参见图1。 图1 Web聊天控件Authorization认证方式集成原理 父主题： 集成轻量级WEB聊天控件（引入Authorization认证方式）

查看更多 →

集成开发 此章节主要描述如何在您的系统的完成我们WEB聊天控件的集成。 开发token生成机制与认证验证接口 开发集成页面 父主题： 集成轻量级WEB聊天控件（引入Token认证方式）

查看更多 →

测试与验证 完成页面集成之后，您需要测试与验证WEB聊天控件是否能正常使用。以下以Chrome浏览器为例。在验证过程中，您可以使用Nginx 服务器 来模拟第三方调用WEB聊天控件，您也可以使用其他您熟悉的访问方式进行。 本地开启Nginx服务器（Nginx版本可参考nginx/Windows-1

查看更多 →

复制此类名到模板代码中全局搜索。 图1 替换聊天头像1 3.找到如下文件MainContent.vue，将位置1中的src=""里的图片路径替换成打算替换的图片的路径。 图2 替换聊天头像2 父主题： 定制实例

查看更多 →

测试与验证 完成页面集成之后，您需要测试与验证WEB聊天控件是否能正常使用。以下以Chrome浏览器为例。在验证过程中，您可以使用Nginx服务器来模拟第三方调用WEB聊天控件，也可以使用其他您熟悉的访问方式进行。 本地开启Nginx服务器（Nginx版本可参考nginx/Windows-1

查看更多 →

直接集成云客服的轻量级WEB聊天插件。 集成云客服通过API Fabric提供的Web客服接口。 两种方式的优缺点对比如下： 集成方式 工作量 技术门槛 个性化定义 轻量级WEB聊天插件 少 仅需JS调用和少量鉴权相关开发 低 低 不支持 API Fabric的Web客服接口 中 中 中

查看更多 →

修改聊天背景颜色 Demo已经有几个颜色，点击颜色框即可修改背景颜色，想要自定义颜色可以将下图中红框中的代码替换成想要的颜色。 父主题： 定制实例

查看更多 →

指定的中文名称 enGroupName String 否 指定的英文名称 isGotoChat Number 否 是否跳转到聊天界面，默认跳转；不跳转传：0，（跳转聊天页面则无法返回groupId） 返回结果 参数 说明 status '1' 成功；'0' 失败 groupId 群组ID，失败则不返回该字段

查看更多 →

常见问题 xmlHttpRequest请求云客服的URL，报跨域问题 父主题： 集成轻量级WEB聊天控件（引入Authorization认证方式）

查看更多 →

集成开发 开发Authorization签名生成机制 开发集成页面 父主题： 集成轻量级WEB聊天控件（引入Authorization认证方式）

查看更多 →

常见问题 xmlHttpRequest请求云客服的URL，报跨域问题 父主题： 集成轻量级WEB聊天控件（引入Token认证方式）

查看更多 →

开发前准备 此章节主要描述在集成开发前，需要在云客服中完成的准备工作。 资源准备 在云客服上开通在线客服功能 父主题： 集成轻量级WEB聊天控件（引入Authorization认证方式）

查看更多 →