我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

网页唤起qq群界面,如果还没有加入qq群,会显示加群按钮。如果已经加入了qq群,会自动显示群聊信息。

特别需要注意的是:这样的操作是通过网页执行的,而且还可以做到自动弹出qq群对话框,支持pc版QQ,支持手机版QQ(包括苹果和安卓)。这么高大上的功能,是怎么做的呢?

苏南大叔:网页代码唤起qq加群界面方案大全 - qq-group
网页代码唤起qq加群界面方案大全(图8-1)

苏南大叔对QQ群官方提供的各种代码,稍加变动,就可以实现上述效果。请看苏南大叔在本文中的描述。

qq群官方加群链接失效的问题,请参考下面的链接说明。

自动执行代码

网页自动执行某段请求,一般可以通过iframe标签执行。当然,也可以使用js主动触发a标签的click()事件来实现。主流的浏览器,对于iframe的这种形式,开始做各种各样的拦截。所以,用js去主动触发click()事件,可能是更好的选择。

首先,需要先定义个隐藏的链接a。例如:

<a href='your_link_href' style='display:none'>点此加群</a>

下面是类似的自动触发的链接a标签的click()的几种代码。随着时代的发展,这种点击方式也有可能失效。毕竟属于一种作弊行为。

$("a#your_link")[0].click();
$("a#your_link").trigger("click");
document.getElementById("your_link").click();

当然如果您使用iframe的话,可能您需要的是下面类似的代码。

<iframe src="your_link_href" style="width:0px;height:0px;display:none;"></iframe>

官方提供的加群几种链接

官方提供了几种加群的方式。我们对其中的三种加群代码进行整理,就可以获得强大而有力的接口,也就是上述代码中的your_link_href这个值。

下面演示如何从官方获得这些加群代码。前提是:您拥有群主权限。

苏南大叔:网页代码唤起qq加群界面方案大全 - 00_qq群管理
网页代码唤起qq加群界面方案大全(图8-2)

苏南大叔:网页代码唤起qq加群界面方案大全 - 01_选择qq群
网页代码唤起qq加群界面方案大全(图8-3)

选择好您要操作的群之后,就可以获得几种加群代码。苏南大叔,接下来要对这几种代码进行分析整理。

加群代码分析

虽然官方提供的代码分为:html/iphone/android/二维码。事实上,除了二维码图片之外,前三种都可以转化为网页代码链接a标签。下面是相关官方代码截图,及苏南大叔提取到的链接地址。

  • 第一个html网页代码,可以用于普通的pc网页代码.

苏南大叔:网页代码唤起qq加群界面方案大全 - 02_普通代码
网页代码唤起qq加群界面方案大全(图8-4)

http://shang.qq.com/wpa/qunwpa?idkey=<idkey>
  • iphone/android中的代码,虽然看起来并不可以用于网页。但是稍稍看一下的话,就可以发现,其实它也是利用了类似http的协议发起了qq对话框请求。所以,苏南大叔,这里负责任的说话,这两个也是可以转化为链接a的。

苏南大叔:网页代码唤起qq加群界面方案大全 - 03_iphone代码
网页代码唤起qq加群界面方案大全(图8-5)

注意:<uin><key>值,请注意替换成箭头所指的马赛克位置的代码。

mqqapi://card/show_pslcard?src_type=internal&version=1&uin=<uin>&key=<key>&card_type=group&source=external

苏南大叔:网页代码唤起qq加群界面方案大全 - 04_android
网页代码唤起qq加群界面方案大全(图8-6)

苏南大叔:网页代码唤起qq加群界面方案大全 - 05_android
网页代码唤起qq加群界面方案大全(图8-7)

注意:<key>值,请注意替换成箭头所指的马赛克位置的代码。

mqqopensdkapi://bizAgent/qm/qr?url=http%3A%2F%2Fqm.qq.com%2Fcgi-bin%2Fqm%2Fqr%3Ffrom%3Dapp%26p%3Dandroid%26k%3D<key>

效果描述

网页版自动弹出效果,会弹出个是否打开qq/tim的确认对话框。

苏南大叔:网页代码唤起qq加群界面方案大全 - qq_confirm
网页代码唤起qq加群界面方案大全(图8-8)

iphone和Android版的两个链接,虽然看起来差别较大,其实在移动端都是通用的。

  • iphone版的代码效果最好,直接跳到群界面。
  • Android版的代码,在iphone手机上会先展示一个扫描二维码的空操作。但在Android机上,并没有扫描二维码的动作出现。

关联文章

结论

qq作为国内垄断性的软件,其实是又很多隐藏接口的。比如上述代码中的mqqapimqqopensdkapi,这都属于打开qq神秘面纱的一个线索。

另外,上述功能中隐藏着一个小bug:就是在mac电脑上,上述pc版的链接似乎只能唤起qq软件,并不能打开qq群。这应该是qq软件自身的问题,只能期待qq软件更新修复相关功能了。

更多qq相关经验文章,请点击苏南大叔的博客:https://newsn.net/tag/qq/

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   QQ