Web网页如何实现QQ好友，QQ空间，微博分享

た入场券 2023-05-29 06:14 17阅读 0赞

前段时间写了一个个人博客项目，其中博客想做一下可以一键分享给好友，这里做一下整理。  
QQ好友，QQ空间，微博分享实现起来都是差不多的，就是请求地址需要改一下，参数基本都是一样的。

分享参数信息

/*获取当前网页链接，分享的链接*/
    var url = window.location.href;
    var desc = "分享描述";
    var title = "分享标题";
    var summary = "分享摘要";
    var pics = "图片";

**QQ好友分享**

请求地址：[http://connect.qq.com/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述][http_connect.qq.com_widget_shareqq_index.html_url_sharesource_qzone_title_pics_summary_desc]

先设定一个标签点击事件

qq好友分享

点击方法（参数在前面给出来了）

function qqShare() {
        var urlPath = "https://connect.qq.com/widget/shareqq/index.html?url="+ encodeURI(url) +
            "&desc=" + desc +
            "&title=" + title +
            "&summary=" + summary +
            "&pics=" + pics;
        window.open (urlPath)
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70][]

**QQ空间分享**

请求地址：[https://sns.qzone.qq.com/cgi-bin/qzshare/cgi\_qzshare\_onekey?][https_sns.qzone.qq.com_cgi-bin_qzshare_cgi_qzshare_onekey][url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述][http_connect.qq.com_widget_shareqq_index.html_url_sharesource_qzone_title_pics_summary_desc]

先设定一个标签点击事件

qq空间分享

点击方法（参数和前面的一样）

这里需要注意的一点是请求地址url前面的方法是encodeURIComponent，而不是encodeURI，encodeURI也可以用，当时如果请求地址后面跟的有参数的话，就会出问题，所以建议使用encodeURIComponent

function qqQzone() {
        var urlPath = "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+ encodeURIComponent(url) +
            "&desc=" + desc +
            "&title=" + title +
            "&summary=" + summary +
            "&pics=" + pics;
        window.open (urlPath)
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 2][]

**微博分享**

请求地址：[http://service.weibo.com/share/share.php][http_service.weibo.com_share_share.php][?][https_sns.qzone.qq.com_cgi-bin_qzshare_cgi_qzshare_onekey][url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述][http_connect.qq.com_widget_shareqq_index.html_url_sharesource_qzone_title_pics_summary_desc]

先设定一个标签点击事件

微博分享

点击方法（参数和前面的一样）

微博分享基本和QQ好友分享一样，就是分享链接地址不一样，需要改一下

function weibo() {
        var urlPath = "http://service.weibo.com/share/share.php?url="+ encodeURI(url) +
            "&desc=" + desc +
            "&title=" + title +
            "&summary=" + summary +
            "&pics=" + pics;
        window.open (urlPath)
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 3][]

推荐链接：[Java实现QQ第三方登录][Java_QQ]

[http_connect.qq.com_widget_shareqq_index.html_url_sharesource_qzone_title_pics_summary_desc]: http://connect.qq.com/widget/shareqq/index.html?url=%E4%BD%A0%E7%9A%84%E5%88%86%E4%BA%AB%E7%BD%91%E5%9D%80&sharesource=qzone&title=%E4%BD%A0%E7%9A%84%E5%88%86%E4%BA%AB%E6%A0%87%E9%A2%98&pics=%E4%BD%A0%E7%9A%84%E5%88%86%E4%BA%AB%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80&summary=%E4%BD%A0%E7%9A%84%E5%88%86%E4%BA%AB%E6%8F%8F%E8%BF%B0&desc=%E4%BD%A0%E7%9A%84%E5%88%86%E4%BA%AB%E7%AE%80%E8%BF%B0
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191104223427274.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2,size_16,color_FFFFFF,t_70
[https_sns.qzone.qq.com_cgi-bin_qzshare_cgi_qzshare_onekey]: https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=%E4%BD%A0%E7%9A%84%E7%BD%91%E5%9D%80&sharesource=qzone&title=%E4%BD%A0%E7%9A%84%E5%88%86%E4%BA%AB%E6%A0%87%E9%A2%98&pics=%E4%BD%A0%E7%9A%84%E5%88%86%E4%BA%AB%E5%9B%BE%E7%89%87&summary=%E4%BD%A0%E7%9A%84%E5%88%86%E4%BA%AB%E6%8F%8F%E8%BF%B0%E4%BF%A1%E6%81%AF
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191104222856613.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191104222838904.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2,size_16,color_FFFFFF,t_70
[http_service.weibo.com_share_share.php]: http://service.weibo.com/share/share.php?
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191104222910254.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2,size_16,color_FFFFFF,t_70
[Java_QQ]: https://blog.csdn.net/qq_40205116/article/details/102880328