Android开发腾讯验证码遇到的坑
我司为响应有关部门的号召，要求新注册的用户必须提供手机号验证。又为了防范有不怀好意之人故意盗刷短信，我司决定接入验证码。经前端同事调研之后，决定接入腾讯验证码。接入过程中还是踩了一些坑，为此特地写这篇文章 致腾讯令人作呕的开发文档 。
腾讯验证码开发指引
我们是Android端开发，服务器端的开发就交给后端同事吧。移动端的开发只需要从我们的后台请求一个url就可以。
移动端开发首先请阅读APP开发指引，接着阅读不同移动平台的API文档。Android开发者直接阅读Android客户端API就好了。
腾讯验证码的基本使用
基本使用方法可按照Android客户端API文档描述的流程操作。这里我们再重复一遍：
1.接入要求
Android系统2.3以上
2.在AndroidManifest.xml中声明网络权限
<uses-permission android:name="android.permission.INTERNET" />
3.在AndroidManifest.xml中注册VerifyActivity
<activity android:name="com.token.verifysdk.VerifyActivity"/>
4.向我们的后台发请求获取jsurl（参考服务端开发获取验证码JSURL的接口）
5.获取到jsurl后调用接口 VerifyCoder.getVerifyCoder().startVerifyActivityForResult(Context context,String jsurl,int requestCode) 并重写 onActivityResult 来接收是否验证成功的通知。
/*
* 参数说明：
* context 调用验证码时当前界面的上下文，
* 用于(Activity) context).startActivityForResult，
* 请勿使用application的上下文
* jsurl 验证码的js链接，从我们后台获取
* requestCode 对应onActivityResult的requestCode，可自定义
*/
VerifyCoder.getVerifyCoder().startVerifyActivityForResult(Context context,String jsurl,int requestCode)
//onActivityResult实现实例：
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode == 1) {//此处对应startVerifyActivityForResult的参数值
if(resultCode==Activity.RESULT_OK){
Log.e("onActivityResult", "verifysucc");
Toast.makeText(MainActivity.this, "验证成功",2000).show();
}
else{
Toast.makeText(MainActivity.this, "未验证成功",2000).show();
}
}
}
6.如需混淆，添加如下脚本
<arg value="-libraryjars ${lib}/VerifySDK.jar"/>
<arg value="-keep public class com.token.verifysdk{*; }" />
Android客户端API 在收尾处还提到了其他接口说明：
public static VerifyCoder getVerifyCoder() //获取单例 public void release() //重置参数，释放资源 public void setShowtitle(boolean showtitle) //是否显示验证码页面标题栏 public void setJson(String json) //用于扩展参数，如实现自定义样式等 public WebView getWebView(Context context,String jsurl,VerifyListener listener) //获取验证码WebView
如果你按照官方文档描述信息一路走下来，最终的效果是这样的：
真想说一句：你长成这样，你们的麻花藤粑粑知道吗? 估计有点审美的程序员都不能容忍自己开发的APP里出现如此Low逼的页面。自给自足，丰衣足食。还是我们自己来吧。
进阶篇
下载VerifyCodeSdk。SDK 的内容如下：
ndroidSDK ├── VerifyDemo │ ├── AndroidManifest.xml │ ├── assets │ ├── bin │ ├── gen │ ├── ic_launcher-web.png │ ├── libs │ ├── lint.xml │ ├── proguard-project.txt │ ├── project.properties │ ├── res │ └── src └── VerifySDK.jar
一个示例项目和一个jar包。示例项目就别看了，基本就是开发文档的翻版，没有什么有用的信息。把jar包引入我们的项目可以看到内容及其简单，只有两个文件： VerifyActivity.java 和 VerifyCoder.java 。
阅读源码外加Debug后得出以下结论：
可以借助VerifyCoder为腾讯验证码的页面做一些定制化。方法如下：
VerifyActivity就是腾讯验证码页面，显示的内容来自调用 VerifyCoder.getWebView 返回的WebView。最后将验证结果返回给启动VerifyActivity的页面。
实现对话框式的腾讯验证码
腾讯验证码SDK里只有这两个类，并没有为开发者提供对话框形式的UI。为此只能我们自己来了。当然也没那么困难，但为什么腾讯不帮我们做好呢。
我们定义一个DialogFragment: TencentVerifyCoderDialogFragment ，代码是模仿 VerifyActivity 写的。读者可以自行实现，需要源码的读者请移步到 TencentVerifyCoderDialogFragment.java 。
使用 TencentVerifyCoderDialogFragment 的代码如下：
// 显示TencentVerifyCoderDialogFragment
TencentVerifyCoderDialogFragment.newInstance(url).show(getFragmentManager(), "tencent_verify_coder");
// TencentVerifyCoderDialogFragment与宿主Activity交互
public class MainActivity extends AppCompatActivity implements TencentVerifyCoderDialogFragment.OnTencentVerifyCoderListener {
@Override
public void onVerifySucc(String ticket, String randstr) {
}
@Override
public void onVerifyFail() {
}
}
效果如下：
定制腾讯验证码的扩展参数
个人认为这是开发文档里最最坑的部分，没有之一。开发文档里也介绍了如果想扩展参数就需要调用 VerifyCode.setJson 。JSON字符串这里就不用多说了吧，我刚开始的时候是这么调用的：
// 设置样式和语言
String json = "{\"type\": \"popup\",\"lang\": 2052}";
verifyCoder.setJson(json);
// 显示腾讯验证码对话框
TencentVerifyCoderDialogFragment.newInstance(url).show(getFragmentManager(), "tencent_verify_coder");
我觉得写的没错，写这个文档的工程师却偏偏给我们这些苦逼码农开个玩笑，工程师何必为难码农啊。最后还是从源码中找到了答案，上面提到过VerifyCoder.getWebView加载的网页来自VerifyCoder.getContent。那么我们把VerifyCoder.getContent返回的内容打印出来看看：
<html>
<head lang="zh-CN">
<title>验证码</title>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="address=no; email=no">
</head>
<body></body>
</html>
<script src="https://captcha.guard.qcloud.com/template/TCapIframeApi.js?appid=1252162611&clientype=2⟨=2052&asig=x7mPS8V3qb3QKelOoU_OiyYsOlLuOsRqu2WbNKdwB4pi77sXqyPa5EfmG8QPYTRtE9r2Mf4G6MGD12WNu1pzAGwJgWzPkDvx"></script>
<script type="text/javascript">
function CapCallBack(resultJson)
{
prompt(JSON.stringify(resultJson));
}
var CapArgs = {
"showHeader":false,
{"type": "popup","lang": 2052},
"callback": CapCallBack
}
window.onload=function(){capInit(document.body,CapArgs);}
</script>
想必读者应该知道错在哪了吧，说好的JSON呢？去掉大括号，我们就可以自由自在的修改样式了。关于如何修改验证码样式，Android客户端API里也是只字未提，不是所有的Android程序员都懂前端。。。修改验证码样式请移步H5网页API查看 javascript 接口说明 小节。
我把验证码的样式改成了弹窗式，正确设置样式的代码如下：
VerifyCoder verifyCoder = VerifyCoder.getVerifyCoder(); // 设置样式和语言 String json = "\"type\":\"popup\", \"lang\":" + (isZnCn ? 2052 : 1033); verifyCoder.setJson(json); TencentVerifyCoderDialogFragment.newInstance(url).show(getFragmentManager(), "tencent_verify_coder");
效果如下：
总结
以上所述是小编给大家介绍的Android开发腾讯验证码遇到的坑，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！
相关推荐
-
Android中用Bmob实现短信验证码功能的方法详解
这篇文章主要介绍发送验证码和校验验证码的功能,用到一个第三方平台Bmob,那Bmob是什么呢?Bmob可以开发一个云存储的移动应用软件,他提供了大量的标准的API接口,根据需要接入相关服务,开发者可以更加专注于应用的开发,让产品交付更快速,验证码功能就是其中一个. 一.跟其他第三方一样,我们开发之前要做一些准备工作. 1.首先,去官网注册一个帐号:http://www.bmob.cn/: 2.然后就可以创建应用了:具体怎么做Bmob说得很清楚了(官方操作介绍),如果你不想看,我简单说一下:点击右
-
Android实现短信验证码获取自动填写功能(详细版)
现在的应用在注册登录或者修改密码中都用到了短信验证码,那在android中是如何实现获取短信验证码并自动填写的呢? 首先,需要要在manifest中注册接收和读取短信的权限: <uses-permission android:name="android.permission.RECEIVE_SMS"></uses-permission> <uses-permission android:name="android.permission.READ_
-
Android获取短信验证码的实现方法
先给大家展示下效果图,如果感觉不错,请参考实现思路详解 Android开发中关于短息验证码的设计层出不穷,越来越多的应用为了更好的提高软件的安全性,开始使用通过服务器向用户发送验证码的方式,来保护用户个人信息的安全性.无论是用户注册时的信息验证还是当用户发出找回密码请求时的短信验证,他们的工作原理大致上是一致的,因为项目的需要研究了一下关于这方面的知识,本篇我将带领大家一起实现这一当下流行的设计方案. 众所周知,短信验证需要服务器端生成一个验证码,然后发送到用户输入的手机上,这个过程需要服务器主
-
Android开发中通过手机号+短信验证码登录的实例代码
首先,需要一个电话号码,目前很多账户都是将账户名设置成手机号,然后点击按钮获取手机验证码. 其次,你需要后台给你手机短信的验证接口,各个公司用的不一样,这个身为前端,不需要你来考虑,你只要让你后台给你写好接口,你直接调用就好了. activity_login.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.andr
-
android实现图片验证码方法解析(自绘控件)
自绘控件的内容都是自己绘制出来的 大致流程如下: 1.定义一个类继承view 1.使用TypedArray初始化属性集合 在view的构造方法中 有一个AttributeSet的参数 很明显是用来保存控件属性信息的 我们也的确可以通过循环然后用键值对的方式获取信息 而TypedArray是用来简化我们的工作的 2.重写onMeasure 测量控件大小 3.重写onDraw 绘制控件 2.根据需求在attrs文件中自定义属性 declare-styleable 声明自定义属性可以自定义一个
-
Android 高仿斗鱼滑动验证码
如下图.在Android上实现起来就不太容易,有些效果还是不如web端酷炫.) 我们的Demo,Ac娘镇楼 (图很渣,也忽略底下的SeekBar,这不是重点) 一些动画,效果录不出来了,大家可以去斗鱼web端看一下,然后下载Demo看一下,效果还是可以的. 代码 传送门: https://github.com/mcxtzhang/SwipeCaptcha 我们的Demo和web端基本上一样. 那么本控件包含不仅包含以下功能: 随机区域起点(左上角x,y)生成一个验证码阴影.验证码拼图 凹凸图形会
-
Android开发腾讯验证码遇到的坑
我司为响应有关部门的号召,要求新注册的用户必须提供手机号验证.又为了防范有不怀好意之人故意盗刷短信,我司决定接入验证码.经前端同事调研之后,决定接入腾讯验证码.接入过程中还是踩了一些坑,为此特地写这篇文章 致腾讯令人作呕的开发文档 . 腾讯验证码开发指引 我们是Android端开发,服务器端的开发就交给后端同事吧.移动端的开发只需要从我们的后台请求一个url就可以. 移动端开发首先请阅读APP开发指引,接着阅读不同移动平台的API文档.Android开发者直接阅读Android客户端API就好了
-
Android开发中那些需要注意的坑
这个是看知乎的时候发现的一个问题,感觉挺有意思,就将自己遇到的坑记录下来. 1.Andorid L theme colorPrimary 不能使用带有alpha的颜色值,否则会有异常抛出, 直接判断了是否alpha是否等于0或者255,其他都会异常 @Override protected void onApplyThemeResource(Resources.Theme theme, int resid, boolean first) { if (mParent == null) { super
-
Android开发之获取短信验证码后按钮背景变化并且出现倒计时
目前越来越多的app在注册或是进行对应操作时,要求获取短信验证码,在点击了获取短信验证码的按钮后,就是出现倒计时,比如倒计时120S,在倒计时期间内,按钮背景变化并且出现倒计时,当倒计时结束后,如果你没有获取到验证码,可以再次点击. 代码如下所示: VerCodeTimer mVerCodeTimer=(Button) findViewById(R.id.login_get_ver_code); private class VerCodeTimer extends CountDownTimer
-
Android开发必备知识 为什么说Kotlin值得一试
1.Hello, Kotlin Bugly 技术干货系列内容主要涉及移动开发方向,是由 Bugly 邀请腾讯内部各位技术大咖,通过日常工作经验的总结以及感悟撰写而成,内容均属原创,转载请标明出处. 1.1 Kotlin的身世 写了许久Java,有没有发现其实你写了太多冗余的代码? 后来你体验了一下Python,有没有觉得不写分号的感觉真是超级爽? 你虽然勤勤恳恳,可到头来却被NullPointerException折磨的死去活来,难道就没有受够这种日子么? 直到有一天你发现自己已经写了好几十万行
-
Android开发之无痕过渡下拉刷新控件的实现思路详解
相信大家已经对下拉刷新熟悉得不能再熟悉了,市面上的下拉刷新琳琅满目,然而有很多在我看来略有缺陷,接下来我将说明一下存在的缺陷问题,然后提供一种思路来解决这一缺陷,废话不多说!往下看嘞! 1.市面一些下拉刷新控件普遍缺陷演示 以直播吧APP为例: 第1种情况: 滑动控件在初始的0位置时,手势往下滑动然后再往上滑动,可以看到滑动到初始位置时滑动控件不能滑动. 原因: 下拉刷新控件响应了触摸事件,后续的一系列事件都由它来处理,当滑动控件到顶端的时候,滑动事件都被下拉刷新控件消费掉了,传递不到它的子控件
-
Android开发微信APP支付功能的要点小结
基本概念 包名值得是你APP的包,在创建工程时候设置的,需要在微信支付平台上面设置. 签名指的是你生成APK时候所用的签名文件的md5,去掉:全部小写,需要在微信支付平台上面设置. 调试阶段,签名文件可以使用调试用的debug.keystore,签名可以直接在eclipse上面查看,或者用工具查看 ,安装打开输入包名即可查看. 发布的时候一定需要在微信支付平台上面设置成发布用的签名值. 官方的Demo里面的内容并不是全是必须的,甚至只需要有libammsdk.jar就够了,AndroidMani
-
Android 开发 使用WebUploader解决安卓微信浏览器上传图片中遇到的bug
先给大家分析下微信浏览器上传图片bug的原因 微信在新版本中采用的是自己的X5内核浏览器,而在较老的版本中还有可能是安卓的原生浏览器.具体的环境我也不太了解,但是经过实际多台安卓机型的测试,我采取的方案可以基本确保在安卓机中微信浏览器的成功上传.苹果机型没问题,因为微信的ios客户端使用的是Safari的内核,没有各种坑,且效果最好. 这里给出一个 WebUploader 官方关于移动端适配的 issues 链接.里面提供的方法确实有效,但就是解决的方案并没有很清楚的展示出来,从该issues中
-
Android开发之资源文件用法实例总结
本文实例总结了Android开发之资源文件用法.分享给大家供大家参考,具体如下: 这里记录在Android开发中经常用到的一些用法 arrays.xml定义数组 例: <resources> <!-- share items --> <string-array name="app_share_items"> <item>新浪微博</item> <item>腾讯微博</item> </string-