微博开放平台
微连接
移动应用
网站接入
电商服务商
电商商家
数据服务
数据服务
合作伙伴
微博支付
轻应用
粉丝服务
文档
推广
我的应用
登录
weibo
开发文档
首页
平台政策与指引
概述
平台公约
新手指南
开发者协议
应用运营管理规范
微连接分级管理办法
应用审核产品指南
应用安全开发注意事项
平台应用设计规范
微服务接入指南
微博登录接入
用微博帐号登录
授权机制
移动应用接入
移动应用介绍
移动应用SSO授权
微博Deep Link
媒体接入平台
头条文章开放接口
视频上传开放接口
电商接入平台
电商服务商接入
电商商家端接入
电商平台能力接口
粉丝服务平台
粉丝服务平台
新手接入指南
微信开发者迁移指南
接收消息
发送消息
自定义菜单
用户管理
生成带参数的二维码
Fans Service Platform
商业接口
商业数据接入指南
订阅服务手册(中文版)
订阅服务手册(英文版)
商业接口-REST API
商业数据常见问题
网站接入
网站接入介绍
微博API
微博API
接口访问频次权限
资源下载
SDK
微博标识下载
常见问题
联系我们
工具箱
链入页面
链出更改
特殊页面
查看源代码
跳转到:
导航
,
搜索
根据下列原因,你没有权限编辑本页:
您刚才请求的操作只有这个用户组中的用户才能使用:
用户
您可以查看并复制此页面的源代码:
=JS SDK= <div class="wiki_txtJ"> JS SDK for OAuth2.0是线上JS SDK的升级版本([[Weibo-JS|V1版JS SDK]]),它较之前版本有较大改变: <ul class="wiki_indent_list"> <li clas="wiki_indent_item">1、它去掉了部署在第三方的xd.html跨域文件,使开发者开发使用更加简单方便;</li> <li clas="wiki_indent_item">2、Appkey的传递方式由原来的json方式改变为通过参数传递方式;</li> <li clas="wiki_indent_item">3、为兼容之前JSSDK,该版JSSDK的命名空间由原来的WB改变为WB2;</li> <li clas="wiki_indent_item">4、该版本将Js widget内置其中,用户无需再去单独引用JS和CSS,只需调用相应的js widget方法即可;</li> <li clas="wiki_indent_item">5、支持通过版本号调用js widget,以便不同开发者不同的需要;</li> </ul> 下面我们来一起体验一下这些特性。你也可以浏览微博JS SDK的[http://weibojs.com/ 官方支持站],查看更加细致的文档。 </div> ==开发指南== <div class="wiki_txtJ"> 如果你没有AppKey请先在开放平台网站点击网站接入添加新网站,[http://open.weibo.com/connect 申请入口]。 </div> <div class="wiki_title_withline">1、网站接入绑定域名</div> <div style="margin:15px 0;"> 为了保证你的应用或网站的安全,在使用Weibo JS SDK时,需要你在应用信息页面为该应用选定绑定域名功能,并绑定你的域名,我们将以此域名来判定Weibo JS SDK API请求来源的合法性,不合法的请求将被拒绝。 绑定域名的操作可以在应用创建页面及编辑页面完成。选择“绑定域名”,填入域名提交即可。 </div> {{Img_polaroid|src=http://jssdk.sinaapp.com/img/step/step2.jpg}} <div class="wiki_title_withline">2、增加命名空间</div> <div style="margin:15px 0;"> 在您页面的HTML标签中增加XML命名空间。 </div> <div class="code_type">HTML</div> <pre class="brush:html"> <html xmlns:wb="http://open.weibo.com/wb"> </pre> <div class="wiki_title_withline">3、引用JS SDK文件</div> <div style="margin:15px 0;"> 在你的页面部署wb.js,同时,如果你的页面编码不是UTF-8,请添加charset="utf-8"属性。 </div> <div class="code_type">HTML</div> <pre class="brush:html"> <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=YOUR APPKEY" type="text/javascript" charset="utf-8"></script> </pre> <div style="margin:15px 0;"> 如果你的应用处于开发调试过程,建议使用JSSDK的调试模式,开启调试模式,只需增加一个参数debug=true即可,JSSDK会在浏览器的控制台或自带的JS调试工具中输出相关的日志信息,以方便调试。 </div> <div class="code_type">HTML</div> <pre class="brush:html"> <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=YOUR APPKEY&debug=true" type="text/javascript" charset="utf-8"></script> </pre> <div class="wiki_title_withline">4、开始使用JS SDK</div> <div style="margin:15px 0;"> 调用JSSDK访问API接口。 </div> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.anyWhere(function(W){ W.parseCMD("/users/show.json", function(sResult, bStatus){ try{ //to do something... }catch(e){} },{ uid: '123456789' }{ method: 'get' }); }); </pre> <div style="margin:15px 0;"> 部署微博组件。 </div> <div class="code_type">HTML</div> <pre class="brush:html"> <wb:share-button type="button" size="middle"> </wb:share-button> </pre> ==JS SDK公开方法及说明== <div class="wiki_txtJ">JS SDK公开方法。</div> <div class="wiki_title_withline">WB2.login(callback)</div> <div class="wiki_txtJ">微博登录认证功能。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.logout(function() { //callback function }); </pre> <div style="margin:15px 0;">'''参数说明'''</div> {|width="100%" border="0" cellspacing="0" cellpadding="0" class="wiki_table" <html><colgroup></colgroup></html> !width="16%"|参数名称 !width="13%"|类型 !width="13%"|默认值 !width="13%"|是否必选 !width="45%"|说明描述 |- |callback |Function |无 |否 |登录后的回调函数。 |} <div class="wiki_title_withline">WB2.logout(callback)</div> <div class="wiki_txtJ">退出微博登录功能。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.logout(function() { //callback function }); </pre> <div style="margin:15px 0;">'''参数说明'''</div> {|width="100%" border="0" cellspacing="0" cellpadding="0" class="wiki_table" <html><colgroup></colgroup></html> !width="16%"|参数名称 !width="13%"|类型 !width="13%"|默认值 !width="13%"|是否必选 !width="45%"|说明描述 |- |callback |Function |无 |否 |退出登录后的回调函数。 |} <div class="wiki_title_withline">WB2.checkLogin()</div> <div class="wiki_txtJ">检测微博登录状态,已登录返回true,未登录返回false。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">Javascript</div> <pre class="brush:js"> var status = WB2.checkLogin(); alert(status); </pre> <div class="wiki_title_withline">WB2.anyWhere(callback)</div> <div class="wiki_txtJ">第三方与微博API进行数据交互及采用Js方式调用内置微博组件的入口函数。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.anyWhere(function(W){ //数据交互 W.parseCMD(...); //调用微博组件 W.widget.hoverCard(...); W.widget.followButton(...); ... }); </pre> <div style="margin:15px 0;">'''参数说明'''</div> {|width="100%" border="0" cellspacing="0" cellpadding="0" class="wiki_table" <html><colgroup></colgroup></html> !width="16%"|参数名称 !width="13%"|类型 !width="13%"|默认值 !width="13%"|是否必选 !width="45%"|说明描述 |- |callback |Function |无 |是 |回调函数,必需指定一个形参W,可以通过形参调用parseCMD读取开放平台API接口或者使用微博组件。具体见parseCMD及JS调用微博组件的说明。 |} <div class="wiki_title_withline">W.parseCMD(uri, callback, args, opts)</div> <div class="wiki_txtJ">第三方与开放平台API接口进行数据请求的函数,必须在WB2.anyWhere中通过W对象调用。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.anyWhere(function(W){ //数据交互 W.parseCMD('/users/show.json', function(oResult, bStatus) { if(bStatus) { //to do something... } }, { screen_name : '姚晨' }, { method : 'get', cache_time : 30 }); }); </pre> <div style="margin:15px 0;">'''参数说明'''</div> {|width="100%" border="0" cellspacing="0" cellpadding="0" class="wiki_table" <html><colgroup></colgroup></html> !width="16%"|参数名称 !width="13%"|类型 !width="13%"|默认值 !width="13%"|是否必选 !width="45%"|说明描述 |- |uri |String |无 |是 |传递给API接口的命令URI,如“/users/show.json”、“statuses/public_timeline.json”,请见 [[API|API文档]]。 |- |callback |Function |无 |是 |请求API接口返回数据后的回调函数。默认返回两个参数,oResult:接口返回数据(JSON格式);bStatus:接口返回状态,true - 接口正常、false - 接口异常。 |- |args |Object |无 |是 |发起数据请求时,传递给API接口的参数对象。如“users/show.json”接口中的,uid、screen_name等。JSON格式。 |- |opts |Object |{method: 'post', cache_time: 0} |是 |请求API接口的时候的附加属性,method:请求类型,默认为post;cache_time:数据缓存时间,默认为0,单位为秒。JSON格式。 |} ==JS组件说明及示例== <div class="wiki_txtJ">JS 组件的使用方法及示例。JS 组件有WBML、和HTML+JS两种部署方法。</div> <div class="wiki_title_withline">微博登录按钮</div> <div class="wiki_txtJ">第三方与微博进行连接登录的按钮,可实现登录与退出功能。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">HTML</div> <pre class="brush:html"> <div id="wb_connect_btn"></div> </pre> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.anyWhere(function (W) { W.widget.connectButton({ id: "wb_connect_btn", type: '3,2', callback: { login: function (o) { //登录后的回调函数 alert("login: " + o.screen_name) }, logout: function () { //退出后的回调函数 alert('logout'); } } }); }); </pre> <div class="code_type">WBML</div> <pre class="brush:html"> <wb:login-button type="3,2" onlogin="login" onlogout="logout"></wb:login-button> </pre> <div style="font-size:14px;line-height:30px;padding:0 16px;background-color:#EFF8FB;display:inline-block;color:#fff;">[http://jssdk.sinaapp.com/widget/login-button.php 微博登录按钮 - 详细代码示例与参数说明]</div> <div class="wiki_title_withline">微博关注按钮</div> <div class="wiki_txtJ">关注按钮可以部署在任何支持HTML的网页。用户在这些网页点击关注按钮,就可以快速成为你的微博粉丝; 关注按钮会自动判断与用户的关系,对于已关注用户,将显示其微博动态。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">HTML</div> <pre class="brush:html"> <div id="wb_follow_btn"></div> </pre> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.anyWhere(function(W){ W.widget.followButton({ 'nick_name': '姚晨', //用户昵称 'id': "wb_follow_btn", 'show_head' : true, //是否显示头像 'show_name' : true, //是否显示名称 'show_cancel': true //是否显示取消关注按钮 }); }); </pre> <div class="code_type">WBML</div> <pre class="brush:html"> <wb:follow-button uid="1052981072" type="red_4">关注按钮</wb:follow-button> </pre> <div style="font-size:14px;line-height:30px;padding:0 16px;background-color:#EFF8FB;display:inline-block;color:#fff;">[http://jssdk.sinaapp.com/widget/follow-button.php 微博关注按钮 - 详细代码示例与参数说明]</div> <div class="wiki_title_withline">微博名片</div> <div class="wiki_txtJ">微博名片组件可在一段纯文本中,自动识别@用户名,添加用户名片功能。鼠标移动到"@用户名"上时,浮出一个展示用户信息的名片,名片中同时带有微博关注按钮功能。支持单独处理及批量处理两种方式。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">HTML</div> <pre class="brush:html"> <a id="wb_card_alone" wb_screen_name="woiweb" href="#">woiweb</a> </pre> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.anyWhere(function(W){ W.widget.hoverCard({ id : "wb_card_alone" }); }); </pre> <div style="font-size:14px;line-height:30px;padding:0 16px;background-color:#EFF8FB;display:inline-block;color:#fff;">[http://jssdk.sinaapp.com/widget/card.php 微博名片 - 详细代码示例与参数说明]</div> <div class="wiki_title_withline">微博发布器</div> <div class="wiki_txtJ">在您的博客、网站或其他支持HTML的位置嵌入一段微博发布器对应的代码,不仅能让用户直接发微博,您还可以在发布器中预制文案及图片。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">HTML</div> <pre class="brush:html"> <button type="button" id="wb_publish"></wb:button> </pre> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.anyWhere(function(W){ W.widget.publish({ 'id' : 'wb_publish', 'default_text' : '预置方案 & \r\n我可以换行.', 'callback' : function(o) { //do something... } }); }); </pre> <div class="code_type">WBML</div> <pre class="brush:html"> <wb:publish></wb:publish> </pre> <div style="font-size:14px;line-height:30px;padding:0 16px;background-color:#EFF8FB;display:inline-block;color:#fff;">[http://jssdk.sinaapp.com/widget/publish.php 微博发布器 - 详细代码示例与参数说明]</div> <div class="wiki_title_withline">微博好友选择器</div> <div class="wiki_txtJ">包括相互关注、我的粉丝、我关注的人三个标签,标签可配,支持@联想输入功能,可快速选择所需好友,选择后点击确定即可得到已选择的好友的信息。</div> <div style="margin:15px 0;">'''示例'''</div> <div class="code_type">HTML</div> <pre class="brush:html"> <button id="wb_selector" type="button"></button> </pre> <div class="code_type">Javascript</div> <pre class="brush:js"> WB2.anyWhere(function(W){ W.widget.selector({ id : "wb_selector" }); }); </pre> <div style="font-size:14px;line-height:30px;padding:0 16px;background-color:#EFF8FB;display:inline-block;color:#fff;">[http://jssdk.sinaapp.com/widget/selector.php 微博好友选择器 - 详细代码示例与参数说明]</div> {{#a:nobtns|noheading}} __NOTOC__
该页面使用的模板:
模板:Img polaroid
(
查看源代码
)
模板:Tip doc trash
(
查看源代码
)
返回到
Invalid/jssdk
。
反馈
分享
顶部