web项目调用qq临时会话功能实现方法

实现思路

在Web开发中，启动QQ来临时会话，可以通过一个URL链接

使用<a>标签实现跳转访问：uin字段接收一个临时会话的客服qq号。

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=此处放置需要联系的QQ号(如：2512442361)&site=qq&menu=yes" rel="external nofollow" >启动QQ</a>

  // 正常访问的地址：
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2512442361&site=qq&menu=yes" rel="external nofollow" >启动QQ</a>

实际案例中采用：

 <div>
                        <div class="QQ-item" v-for="item in QQlist" :key="item.uuid">
                            <a target="_blank" :href="`http://wpa.qq.com/msgrd?v=3&uin=${item.userQq}&site=qq&menu=yes`">
                                <img border="0" :src="`http://wpa.qq.com/pa?p=2:${item.userQq}:52`" alt="点击这里给我发消息" title="点击这里给我发消息" />
                                <div class="text">{{ item.userArea }}-{{ item.userId }}</div>
                            </a>
                        </div>
                    </div>

网页端直接访问效果：

前提是自己的qq处于登录状态，访问成功的情况：

操作成功结果：