8.腾讯微博Android客户端开发——自动获取验证

上一节给大家讲解通过调用 android 系统自带的浏览器进行授权认证的，使用该种方式能很容易的完成认证，但是该种方式有个弊端，也就是如果使用第三方的浏览器如 UC 、天天等，输入完 QQ 账号信息点击“授权”后并不能再次跳转到 MainActivity ，导致我们的认证失败。这个问题应该是非常严重的问题，因为大部分用户都会选择第三方的浏览器作为默认的浏览器。本次给大家讲解自动获取验证码的第二种解决方案，克服上一种方法的缺陷。

第二种解决方案的主角就是我们的 WevView 控件，我们可以使用 WebView 控件来进行浏览器的操作，而不使用系统或者第三方的浏览器。

1. 首先创建一个 Activity ，命名为 WebViewActivity ，该 Activity 种只包含一个 WevView 控件：

2. 在 MainActivity 种添加一个 Button ，用于启动 WebViewActivity ：

3. 给 WebViewActivity 的 onCreate 添加如下代码，进行浏览器的初始化：

此时如果我们运行模拟器，点击按钮启动 WebViewActivity 按钮后，运行效果和启动浏览器差不多，我们输入 QQ 账户信息，点击“授权”，如果 callback 为空，则 Activity 会显示授权码。

4. 下面我们需要处理的就是如何自动获取授权码。我们知道 WebView 是支持 JavaScript ，我们可以通过 JavaScript 进行授权码的获去，在 onCreate() 方法中添加如下代码

其中JavaScriptInterface类是进行js 处理的类：

getVerifier() 方法是通过正则表达式进行授权码的查找，该正则表达式是根据腾讯微博开放平台返回验证码的 html源文件进行设置：

<head>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport"
		content="minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, width=device-width, user-scalable=no">
	<title></title>
	<link href="/style/oauth/mobel.css" rel="stylesheet" type="text/css">
	<style>
* {
	TEXT-DECORATION: none;
}
</style>
	<script type="text/javascript">
     var step = 0;
     var sub = 0;
     function callback(){
     }
     function cl(){
         sub = 0;
         document.getElementById('errCode').innerHTML = '你拒绝了授权此应用访问你的腾讯微博帐户，将不能使用此应用功能。';
         document.getElementById('errCode').style.display = 'block';
         var c = document.getElementById('conter');
         var ql = document.getElementById('loginform'); 
         c.removeChild(ql);
     }
     function changeimg(){
         var i = document.getElementById('imgVerify');
         i.src = ".jpg?d="+step;
         step++;
         /*
         i.innerHTML = '';    
         window.setTimeout(function(){i.innerHTML = '<img id="imgVerify" width="130" height="53" src=".jpg" onclick="changeimg();" />';},200);
         */
     }
     function subForm(){
         var u = document.getElementById('u');
         var p = document.getElementById('p');
         if(u.value != '' && p.value!=''){
             document.getElementById('login_btn').disabled= true;
         }else{
             return false;
         }
     }
     function subForm1(){
         var u = document.getElementById('u');
         var p = document.getElementById('p');
         var v = document.getElementById('v');
         if(u.value != '' && p.value!='' && v.value != ''){
             document.getElementById('login_btn').disabled= true;
         }else{
             return false;
         }
     }
     </script>
</head>
<body id="body">
	<div id="header">
		<a href="http://open.t.qq.com"></a>
		<p></p>
	</div>
	<div id="headerTxt">
		<h1>
			授权使用腾讯微博帐号
		</h1>
		<cite>授权后 <span>Android开发</span> 将可访问并使用你的微博帐号</cite>
	</div>
	<div id="conter">
		<ul>
			<li>
				授权码：240547
			</li>
		</ul>
	</div>
	<div id="info">
		<p>
			腾讯官方授权页面不允许第三方内嵌或伪造
		</p>
		<p>
			授权页面地址为http://open.t.qq.com开头。
		</p>
		<p>
			授权后，在第三方网站的活动应继续遵守《
			<a
				href="http://ti.3g.qq.com/g/s?sid=AUV9TkhR9XziFokSOXQRypk1&r=252180&aid=pno"
				target="_blank">腾讯QQ用户服务条款</a>》。
		</p>
	</div>
	<div id="footer">
		? 2011 Tencent Inc.
	</div>
	<script type="text/javascript">
 var g_btrace_zhibo = new Image(1,1);
 var _u = 'http://btrace.qq.com/collect?ftime=1310183089&sIp=-1266685874&iQQ=0&sBiz=moauth&sOp=inter&iSta=0&iTy=424&iFlow=0&t=3&c=0&oa=1200b4a5a24f45509478a4a809d75495&r=7';
 g_btrace_zhibo.src = _u;
 </script>
</body>
</head>

至此我们就完成了如何通过WebView控件获取验证码的方法，解决了上一节的缺陷。

课程下载地址： http://u.115.com/file/e60px8bk

文档下载地址： http://download.csdn.net/source/3437652

源码下载地址： http://u.115.com/file/aq2vc2re

8.腾讯微博Android客户端开发——自动获取验证码（2）

更多文章、技术交流、商务合作、联系博主

微信扫码或搜索：z360901061

微信扫一扫加我为好友

QQ号联系： 360901061

您的支持是博主写作最大的动力，如果您喜欢我的文章，感觉我的文章对您有帮助，请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧，狠狠点击下面给点支持吧，站长非常感激您！手机微信长按不能支付解决办法：请将微信支付二维码保存到相册，切换到微信，然后点击微信右上角扫一扫功能，选择支付二维码完成支付。

【本文对您有帮助就好】元

2元

5元

10元

20元

自定义