PC-登录组件

milo版

组件说明

  • 在页面尾部，在页面</body>前调用脚本//ossweb-img.qq.com/images/js/milo/milo-min.js

  • 登录前的ID名为unuulogin、登录后的ID名logined，登录按钮ID名为dologin，注销按钮ID名为dologout

  • 请充分测试登录前、后的页面效果，预留足够的位置。

主要代码

<body>
	<!--登录前状态 Start-->
	<p id="unlogin">亲爱的用户，请 <a href="javascript:;" id="dologin">[登录]</a></p>
	<!--登录前状态 End-->
	<!--登录后状态 Start-->
	<p id="logined" style="display:none">欢迎您，<span id='login_qq_span'></span>，<a href="javascript:;" id="dologout">[注销]</a></p>
	<!--登录后状态 End-->
	<script src="http://ossweb-img.qq.com/images/js/milo/milo-min.js"></script>
	<script>
		milo.addEvent(g("dologin"), "click", function() {
			need("biz.login-min",function(LoginManager){
			LoginManager.init({
					needReloadPage:true
				});
				LoginManager.login();
			});
			return false;
		});
		milo.addEvent(g("dologout"), "click", function() {
			need("biz.login-min",function(LoginManager){
				LoginManager.logout();
			});
			return false;
		});
		milo.ready(function() {
			need("biz.login-min",function(LoginManager){
				LoginManager.checkLogin(function(){
					g("login_qq_span").innerText= LoginManager.getUserUin();//获取QQ号
				});
			});
		});
</script>
</body>

 

loginmanagerV3

效果演示：DEMO

主要代码

<body>
 <div class="login">
 <p id="unlogin">亲爱的用户，请<a href="javascript:LoginManager.login();">登录</a></p>
 <p id="logined" style="display:none;">欢迎您，<span id='login_qq_span'></span>，<a href="javascript:LoginManager.logout();">注销</a></p>
 </div>
<script src="//ossweb-img.qq.com/images/js/login/loginmanagerv3.js" charset="gb2312"></script>
<script>
 //检查是否已登录，已登录则获取QQ号显示已登录状态
 LoginManager.checkLogin(function(){
 document.getElementById("login_qq_span").innerText= LoginManager.getUserUin();//获取QQ号
 });
</script>
</body>

 

使用说明

 //检查是否已登录，已登录则获取QQ号显示已登录状态
 /* 打开登录 */
 LoginManager.login();
 /* 检查是否登录 */
 LoginManager.checkLogin(function(){ alert('已登录！'); }, function(){ alert('未登录！'); });
 /* 退出登录 */
 LoginManager.logout();
 /* 自动判断是否登录后并执行方法 */
 LoginManager.submitLogin(function(){ alert('登录成功以后执行方法'); });
 /* 取得登录QQ号码 */
 LoginManager.getUserUin();
 /* 取得登录用户妮称 */
 LoginManager.getNickName(function(loginInfo){
 alert(JsonObject.toJsonString(loginInfo));
 });
 /* 取得登录用户相关业务的会员信息 */
 LoginManager.getUserVip('cf', function(vipInfo){
 alert(JsonObject.toJsonString(vipInfo));
 });
 /* 取得登录用户相关业务开钻信息 */
 LoginManager.getUserDiamond('qqgame', function(diamondInfo){
 alert(JsonObject.toJsonString(diamondInfo));
 });