分享到微博按钮功能

向右看齐 2022-08-27 07:58 152阅读 0赞

\----------------谁敢说这是原创，灭了他来灭了他----------------

今天做了个项目，其中一项功能是调用微博API，实现分享到微博的这么一个功能的功能

官方API地址:http://open.weibo.com/sharebutton

如下图：挨着配置，下面还有个demo灰常好、说明一下：其中有一项AppKey,这个值只用作分享成功后显示来源的，等你有网站的时候再来吧

配置完后，在页面下面复制代码即可

![Image 1][]![SouthEast][]

**民间版**：按钮自定义，贴代码

function weiboShare(){
         var wb_shareBtn = document.getElementById("shareBtn");
              wb_url = document.URL, //获取当前页面地址，也可自定义例：wb_url = "http://www.bluesdream.com",用户分享成功后会显示这个url,一般用于回显原网址
              wb_appkey = "",<span style="white-space:pre">		</span>
              wb_title = "【新华坑D,SMD】",
              wb_ralateUid = "3254502533",<span style="white-space:pre">		</span>//这是我的号不要抄好么、你的在上面demo生成的代码里
              wb_pic = "<%=basePath%>images/photo/photo1.png",
              wb_language = "zh_cn";
              wb_shareBtn.setAttribute("href","http://service.weibo.com/share/share.php?url="+wb_url+"&appkey="+wb_appkey+"&title="+wb_title+"&pic="+wb_pic+"&ralateUid="+wb_ralateUid+"&language="+wb_language+"");
    	}
    //调用一手
    weiboShare();

说明一把：官方要求必须urlEncoder,这样直接放href上,自动encoder

这个民间版，可自己控制按钮，不像官方版，放在iframe里，还要想办法跨域来控制

蛋碎一把：微博这个API上居然没有回调函数！也不顾及一下广大IT民工们的报怨

详见这儿：http://www.bluesdream.com/blog/custom-sina-weibo-button-style.html

我想说:群众的力量是很庞大的

[Image 1]: 
[SouthEast]: /images/20220824/dbf06f0a2776415282560ddffd3ac125.png