您的位置：首页 > 其它

新浪微博第三方登录demo

2017-02-04 12:05 274 查看

第三方登录在我们的项目中也运用到了很多。今天笔者就做一个新浪微博的第三方登录demo

第三方登录实现效果：

1、点击登录

2、输入账号密码（如果新浪应用审核通过就可以使用新浪微博的任意账号，如果没有通过只能使用开发者所使用的的微博账号来登录）

3、登录成功！！

实现流程：

所需条件：

1、一个线上的域名

2、新浪微博开发者（自己去注册）

创建应用：

将下载的txt文件扔进线下服务器的根目录下，点击验证

将下图中的的代码复制到一个html页面中

测试代码：

<!DOCTYPE html>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
<meta charset="UTF-8">
<title>云中梦</title>
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=160521825" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<wb:login-button type="3,2" onlogin="login" onlogout="logout">登录按钮</wb:login-button>
</body>
<script>
WB2.anyWhere(function(W){
W.widget.connectButton({
id: "wb_connect_btn",
type:"3,2",
callback : {
login:function(o){ //登录后的回调函数
},
logout:function(){ //退出后的回调函数
}
}
});
});
</script>
</html>
直接访问该页面就可以实现效果了！！！！！！！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航