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

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

效果预览:

在线客服QQ是怎么实现的?简单的做一个!_第1张图片

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

H5源码:



	
		
		
	
	
		

在线客服

  • 客服1 点击这里给我发消息
  • 客服2 点击这里给我发消息

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

在线客服QQ是怎么实现的?简单的做一个!_第2张图片

仔细的人可以看出来上面的接口是两种写法,这个都是对的,只是上面的是比较古老的写法,下面的是最新的写法而已!没必要纠结什么!

PS:有的时候是可以直接聊天的,但是有的时候不行,这个不是接口控制的,而是自己的好有权限设置的,如果自己的设置为任何人都可以加好友的话,就是可以直接聊天的,不是的话,只能等对方接受以后才可以的,还有就是如果您的电脑登录了两个QQ,他会让您选择使用哪一个开始您的聊天!

有的时候不可以用的话,是因为没有开通服务,可以到这里开通:

点击打开链接

这个很简单,但是很实用,例如您可以将这个功能加到自己的网站或者自己的博客,我的博客博主简介加的,感觉很好用!

谢谢阅读!

下面是我的名片,喜欢的可以一起交流!

在线客服QQ是怎么实现的?简单的做一个!_第3张图片

你可能感兴趣的:(小技巧总结)