1
0
mirror of https://github.com/chatopera/cosin.git synced 2025-07-28 12:32:15 +08:00

Destroyed 春松客服访客端演示 (markdown)

Samurais 2020-05-14 13:41:43 +08:00
parent c6c8e4f05f
commit 826b4720f9

@ -1,74 +0,0 @@
# 春松客服-模拟访客端
本文档介绍如何测试网页端访客程序,假设服务是自动在本地 http://localhost:8035 端口。
## 网站渠道
### 创建网站渠道
```
http://localhost:8035/
用户名admin
密码admin1234
```
保证有下面的一条网站渠道:
![image](https://user-images.githubusercontent.com/3538629/45284166-64cd1200-b512-11e8-9c48-f66c5617fe12.png)
**注意**:网站地址为 *localhost*
### 设计网页端样式
在网站列表中,从右侧操作中点击“设计”。
![](https://user-images.githubusercontent.com/3538629/47126467-4ac5e280-d2bb-11e8-8c8a-dd30f4dd9870.png)
按照需求配置各种属性。
![](https://user-images.githubusercontent.com/3538629/47126578-d8a1cd80-d2bb-11e8-9fa9-1ed270c2af12.png)
### 访问测试程序
浏览器打开
```
http://localhost:8035/testclient.html
```
![image](https://user-images.githubusercontent.com/3538629/45284349-e1f88700-b512-11e8-80e9-a6204ec91b75.png)
### 网站留言
如果当前系统中没有"在线"并且"就绪"的客服人员,则进入留言。
## 嵌入代码到网站中
在目标接入访客聊天控件的网站中网页HTML的header中加入一行代码就可以访问了代码
```
<script defer="true" src="http://春松客服地址[:端口]/im/网站渠道标识.html"></script>
```
**注意**如果使用80或443端口可省略端口。
HTML示例
```
<!DOCTYPE html>
<html lang="zh">
<head>
<!-- META -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script defer="true" src="http://cc.chatopera.com/im/104eac.html"></script>
</head>
<body>
春松客服演示客户端
</body>
</html>
```