在线客服QQ是怎么实现的
转载: https://blog.csdn.net/qq_41485414/article/details/80899840
我们都见过很多的网站里面都是在线客服QQ的，直接点击QQ联系以后就可以直接聊天了，那么这个是怎么实现的呢？其实很简单的，只是我们没有认真的读过腾讯的协议，腾讯是提供了接口的，今天我们就简单的做一个！
效果预览：
我最近写的东西都不想做什么美化了，你们感兴趣的可以自己美化一下，我第一没精力，第二是我的审美观是有问题的，所以做出的觉得是不好看的，所以干脆就不做了，css写了也挺麻烦的，喜欢的自己做一下吧！也不难，我之前也写过美化的文章和动态效果的实现，感兴趣的自己看看！这里不做赘述了，我们直接看代码就行了
H5源码：
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=28253075040&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2853075040:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>qq在线客服不加好友聊天核心源代码
<a href="http://wpa.qq.com/msgrd?v=3&uin=68183131&site=qq&menu=yes">咨询客服</a><!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取出来，这样可以根据自己输入的状态加好友和聊天，也可以写一个类似病毒的东西，做一个定时刷新页面，这样可以不停的添加一个人的好友.....还可以做很多的好玩的东西，自己慢慢想吧，下面我说一下接口里面的参数分别代表什么：
仔细的人可以看出来上面的接口是两种写法，这个都是对的，只是上面的是比较古老的写法，下面的是最新的写法而已！没必要纠结什么！
PS：有的时候是可以直接聊天的，但是有的时候不行，这个不是接口控制的，而是自己的好有权限设置的，如果自己的设置为任何人都可以加好友的话，就是可以直接聊天的，不是的话，只能等对方接受以后才可以的，还有就是如果您的电脑登录了两个QQ，他会让您选择使用哪一个开始您的聊天！
有的时候不可以用的话，是因为没有开通服务，可以到这里开通：
点击打开链接
前者有部分bug,oprea打不开等
下边是pc移动分开的代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><a href="javascript:;" onclick="chatQQ()">QQ咨询</a>
</body>
<script>function chatQQ(){//其中1234567指的是QQ号码if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) || navigator.appName == "Microsoft Internet Explorer") {window.location.href="mqqwpa://im/chat?chat_type=wpa&uin=1234567&version=1&src_type=web&web_src=oicqzone.com";}else{window.location.href="tencent://message/?uin=2601612267&Site=gxlinzi.cn35so.cn&Menu=yes";}}
</script></html>这个很简单，但是很实用，例如您可以将这个功能加到自己的网站或者自己的博客，我的博客博主简介加的，感觉很好用！
