在线客服QQ是怎么实现的？简单的做一个！

何处锦绣不灰堆

发布于 2020-05-29 12:24:58

1.1K0

发布于 2020-05-29 12:24:58

文章被收录于专栏：农历七月廿一农历七月廿一

我们都见过很多的网站里面都是在线客服QQ的，直接点击QQ联系以后就可以直接聊天了，那么这个是怎么实现的呢？其实很简单的，只是我们没有认真的读过腾讯的协议，腾讯是提供了接口的，今天我们就简单的做一个！

效果预览：

我最近写的东西都不想做什么美化了，你们感兴趣的可以自己美化一下，我第一没精力，第二是我的审美观是有问题的，所以做出的觉得是不好看的，所以干脆就不做了，css写了也挺麻烦的，喜欢的自己做一下吧！也不难，我之前也写过美化的文章和动态效果的实现，感兴趣的自己看看！这里不做赘述了，我们直接看代码就行了

H5源码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div class="cn">
              <h3 class="titZx" style="margin:0;">在线客服</h3>
              <ul>
                <li><span>客服1</span> <a target="_blank" href="tencent://message/?uin=2901032526&Site=qq&Menu=yes"><img border="0" src="img/online.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </li>
                <li><span>客服2</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=888888888&site=qq&menu=yes"><img border="0" src="img/online.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </li>           
             </ul>
            </div>
	</body>
</html>

当然这里如果想做成动态的，可以直接将uni的参数做成input，然后再用jquery或者操作dom取出来，这样可以根据自己输入的状态加好友和聊天，也可以写一个类似病毒的东西，做一个定时刷新页面，这样可以不停的添加一个人的好友.....还可以做很多的好玩的东西，自己慢慢想吧，下面我说一下接口里面的参数分别代表什么：