Android接入腾讯云图形验证

最新推荐文章于 2024-04-10 01:19:01 发布
最新推荐文章于 2024-04-10 01:19:01 发布
阅读量925 收藏
点赞数 1
分类专栏： Android 文章标签： java android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jsagacity/article/details/122556743
版权

Android接入腾讯云图形验证

官方的文档有默认的方法：
https://cloud.tencent.com/document/product/1110/49810
但由于需求，需要定制的，这里使用的是web里面的方法3，官方没有demo，所以这里放出来给大家参考一下，也很简单，就直接贴代码了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web 前端接入示例</title>
    <!-- 验证码程序依赖(必须)。请勿修改以下程序依赖，如使用本地缓存，或通过其他手段规避加载，会影响程序的正常使用。 -->
    <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
</head>

<body onload="document.querySelector('div').click();">
<!--点击此元素会自动激活验证码, 此例使用的button元素, 也可以使用div、span等-->
<!--id :            (不可变) 元素的 ID, 值必须是 'TencentCaptcha'-->
<!--data-appid :    (必须) 验证码CaptchaAppId, 从腾讯云的验证码控制台中获取, 验证码控制台页面内【图形验证】>【验证列表】进行查看 。如果未新建验证，请根据业务需求选择适合的验证渠道、验证场景进行新建-->
<!--data-cbfn :     (必须) 回调函数名, 函数名要与 data-cbfn 相同-->
<!--data-biz-state :(可选) 业务自定义透传参数, 会在回调函数内获取到 （res.bizState）-->
<div id="TencentCaptcha" data-appid="你的验证码CaptchaAppId" data-cbfn="callbackName"
     data-biz-state="data-biz-state">
</div>
</body>

<script>
    /*
     window.location.search 拿到的是 ?lan=zh-hk
    */
    var lan = window.location.search;
    var language = lan.split('=')[1];
    try {
    /*
     needFeedBack：无需帮助按钮，如需要使用官方默认方法就行
     userLanguage：设置语言
    */
    var sdkOptions = {"needFeedBack":false,"userLanguage":language};
    new TencentCaptcha(
    document.getElementById('TencentCaptcha'),
    '你的验证码CaptchaAppId',
    callback,
    sdkOptions);
     } catch (error) {
        loadErrorCallback();
     }

function callback(res) {
  /* res（验证成功） = {ret: 0, ticket: "String", randstr: "String"}
     res（客户端出现异常错误 仍返回可用票据） = {ret: 0, ticket: "String", randstr: "String", errorCode: Number, errorMessage: "String"}
     res（用户主动关闭验证码）= {ret: 2}
     根据自己需要设置回调的数据即可
  */
  if (res.ret === 0){
     var result = { ret:res.ret, randstr:res.randstr, ticket:res.ticket };
     window.jsBridge.getData(JSON.stringify(result));
  } else {
     var result = { ret:res.ret, randstr:"", ticket:"" };
     window.jsBridge.getData(JSON.stringify(result));
  }
}
// 验证码js加载错误处理
function loadErrorCallback() {
  var CaptchaAppId = ''
   /* 生成票据或自行做其它处理 */
  var ticket = 'terror_1001_' + CaptchaAppId + Math.floor(new Date().getTime() / 1000);
  callback({
    ret: 0,
    randstr: '@'+ Math.random().toString(36).substr(2),
    ticket: ticket,
    errorCode: 1001,
    errorMessage: 'jsload_error',
  });
}

</script>
</html>

Android方面的代码：


public class MainActivity extends AppCompatActivity {
    private WebView webview;
    private WebSettings webSettings;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        webview = (WebView) findViewById(R.id.webview);
        //如果要做成弹窗式的，那么这个webview就要设置成透明的，否则webview不透明会挡住主页面的布局
//        webview.setBackgroundColor(0);
        webSettings = webview.getSettings();
        webSettings.setUseWideViewPort(true);
        webSettings.setLoadWithOverviewMode(true);
        // 禁用缓存
        webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
        webview.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });
        // 开启js支持
        webSettings.setJavaScriptEnabled(true);
        webview.addJavascriptInterface(new JsBridge(), "jsBridge");
        // 也可以加载本地html(webView.loadUrl("file:///android_asset/xxx.html"))
        //zh-hk，ja，en
        webview.loadUrl("file:///android_asset/verificationCode.html?lan=zh-hk");
    }


    public class JsBridge {

        @JavascriptInterface
        public void getData(String data) {
            //回调结果：{"ret":2,"randstr":"","ticket":""}
            Log.e("csTest", data);
        }
    }

}

布局文件代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

最后记得要联网：

    <uses-permission android:name="android.permission.INTERNET"/>

在这里插入图片描述

LayneYao
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android自动滑块验证码
12-04
微信自动注册脚本已开始使用，以上代码完全可以用。设计思想是截两次图（滑动之前与滑动之后），对比图片，找出左边滑块起始位置与大小，然后横向向右对比区域灰质图片的像素值。左边区域颜色值减右边区域颜色值在一个区间内，则算找到的点，这个区域这样的点的比例算出来，然后找出比例最高的区域，即是我们要移动到的区域。
【Android】腾讯云滑动模块验证码 webView提供验证结果接口；实现针对滑动验证码成功与否操作【附上代码】
weixin_44002043的博客
12-09 891
腾讯云，验证码，简单验证成功与否回调，java- android
腾讯云图形验证码申请流程
邓邓子的博客
05-25 1623
微信小程序客户端：需调用 DescribeCaptchaMiniResult 接口进行票据校验，详情参见。Web/App客户端：需调用 DescribeCaptchaResult 接口进行票据校验，详情参见。服务端需调用票据校验 API，对客户端验证结果进行二次校验。不同客户端需使用对应客户端的 CaptchaAppId，不可混用，否则会导致验证数据统计异常。客户端需接入验证码，展示验证页面。Web/App客户端：需引入验证码js代码接入，详情参见。微信小程序客户端：需引入小程序插件接入，详情参见。
调用腾讯云使用图像验证码
Doc_ACwhite的博客
07-10 2622
基于腾讯云的图像验证码的使用【含web,APP,小程序】三种使用方式
腾讯云图片(行为)验证码，腾讯天御验证码，前vue后python端配置。前后端分离drf下的
努力
03-23 2032
腾讯验证码功能开通 官网相关链接：腾讯T-Sec 天御 验证码 腾讯防水墙 点击进入腾讯T-Sec 天御 验证码注册登录后，送一周20000条验证测试数据。 可以先体验一下 在图形验证中创建一个验证 新建web验证 然后，开工。。。。 前端 官方接入文档在这里：web前端接入 接下来需要用到你创建验证的CaptchaAppId 你可能需要的云API API Explorer 简单来说就是等前端好了后，通过前端滑动验证码拿到相关数据填到API Explorer中验证是否有效 到vue项目的stati
腾讯云图形验证码配置
佛系豪豪
07-26 2130
Web 前端接入 接入步骤 前提条件 接入验证码前，进入图形验证 页完成新建验证。可在【验证列表】查看 验证码接入所需的 CaptchaAppId 以及 AppSecretKey。 快速接入 注意： 小程序插件 CaptchaAppId 仅限小程序插件接入方式使用，请勿使用在 Web 前端接入。 以下代码为图形验证功能的前端接入示例代码，根据应用场景，以此作为参考完成 Web 前端的接入。 <!DOCTYPE html> <html lang="en"> <head>
HttpDns Android客户端接入文档（腾讯云客户专用）1
08-03
HttpDns Android 客户端接入文档（腾讯云客户专用） HttpDns 是一种基于 HTTP 的域名解析服务，旨在解决传统 DNS 解析的局限性，提供更快、更稳定的域名解析服务。在 Android 客户端中，HttpDns 可以与腾讯云结合...
Android 腾讯云直播SDK
06-20
直播SDK
Android studio版阿里云物联网平台设备接入源代码（简单易懂）
09-01
阿里云官方网站给的接入Android sdk示例，是一整套功能都具备了，程序复杂，对于入门级的小白来说，简直就是天书。本例给出了最基本的设备接入、订阅、发布三个功能的示例。设备接入给出了旧版公共实例（新版的可以...
Android开发腾讯验证码遇到的坑
08-28
首先，腾讯验证码的接入对Android系统的版本有要求，至少需要Android 2.3及以上版本。这是因为较低版本的Android可能不支持某些必要的API或特性，无法正常运行验证码的展示和验证逻辑。 在AndroidManifest.xml文件...
Android在项目中接入腾讯TBS浏览器WebView的教程与注意的地方
08-26
Android在项目中接入腾讯TBS浏览器WebView的教程与注意的地方 Android 在项目中接入腾讯 TBS 浏览器 WebView 的教程与注意的地方是 Android 开发中的一個非常重要的知识点。腾讯 TBS 浏览器服务是一個强大且功能...
Android Studio实现滑动图片验证码
weixin_74239923的博客
08-10 1160
【代码】Android Studio实现滑动图片验证码。
【Android】仿斗鱼滑动拼图验证码控件
最新发布
2401_84132393的博客
04-10 1305
*没推导之前的公式在这里//上左半圆 顺时针//上右半圆:顺时针} else {//下左半圆 逆时针//下右半圆 逆时针} else {//下右半圆 顺时针//下左半圆 顺时针}*/这里用的是推导之后的公式，没推导前的也在注释里。简单说，先计算出中点和半径，利用三次贝塞尔曲线绘制一个圆（c和gap1 都是和三次贝塞尔曲线相关）。关于三次贝塞尔曲线就不展开了，网上很多资料，我也是现学的。
android 拼图验证码,android滑动拼图验证码控件
weixin_33586594的博客
05-29 1041
滑动拼图验证码一般我们在网站上可以经常见到，本篇文章给大家介绍该效果在android端的是如何实现首先看一下效果图：新建自定义view DragImageView主要方法：设置图片、滑块资源，设置图片、滑块之间的比例大小滑块滑到正确位置，拼图成功调用ok()方法滑块滑动位置错误，拼图失败调用fail()方法重新滑动，reset()方法拼图成功后，图片一道闪亮效果整个类代码如下：public fin...
Android滑动图片验证码
csdn_zxw的博客
09-01 980
/moveX就是滑动的距离，这里已经对屏幕分辨率进行相应的处理。滑动图片验证：随着seekbar滑动，view随着动就是了，主要就是图片的比例跟滑块的图片比例。-- 进度条滑动时填充颜色 -->private float number;-- 描边颜色 -->//seekbar动态设置，左侧空白问题。// x坐标最大移动长度。seekbar滑动进度条资源。number就是相应的比例。...
Vant接入腾讯滑动验证码完善登录
老骆驼的博客
01-27 3824
vant中接入短信和腾讯滑块验证
Android拼图滑块验证码控件
热门推荐
LawCoder的博客
01-22 2万+
大咖好，博主毕业工作半年多了。今天给大噶呈献博主博客处女作——Android拼图滑块验证码控件。由于初写博客，很多地方可能不够好，望各位多多给点意见。工作半年才送出第一篇博客很惭愧555。 概述       验证码是可以区分用户是人还是计算机。可以防止破解密码、刷票等恶意行为。客户端上多数用在关键操作上，比如购买、登录、注册等场景。本文将介绍Android拼图滑块验证码控件是如何一步一步编
Android开发采坑篇之腾讯验证码
weixin_33712987的博客
12-25 646
通知：我在发现腾讯验证码的Android文档不完整之后，就跟腾讯那边反馈了这个问题，没想到腾讯很快接纳了我的建议。目前线上文档还没有及时更新。请阅读这篇文章的小伙伴在调研腾讯验证码的时候以Android-SDK下载为准。 我司为响应有关部门的号召，要求新注册的用户必须提供手机号验证。又为了防范有不怀好意之人故意盗刷短信，我司决定接入验证码。经前端同事调研之后，决定接入腾讯验证码。接入过程中还是...
android studio连接腾讯云MySQL云数据库
05-01
要在Android Studio中连接腾讯云MySQL云数据库，需要进行以下步骤： 1. 在腾讯云控制台中创建一个MySQL云数据库实例，并创建一个数据库和一个或多个表。 2. 在腾讯云云数据库实例的安全组中添加一个入站规则，允许来自Android应用程序的IP地址和端口访问数据库。 3. 在Android Studio项目中添加MySQL数据库的Java连接器依赖项。常见的MySQL连接器依赖项是mysql-connector-java。 4. 在Android Studio项目中创建一个Java类，并在该类中编写连接腾讯云MySQL云数据库的Java代码。以下是一个示例代码： ```java import java.sql.*; public class MySQLConnection { static final String JDBC_DRIVER = "com.mysql.jdbc.Driver"; static final String DB_URL = "jdbc:mysql://你的数据库IP地址:你的数据库端口号/你的数据库名称"; static final String USER = "你的数据库用户名"; static final String PASS = "你的数据库密码"; public static void main(String[] args) { Connection conn = null; Statement stmt = null; try{ Class.forName(JDBC_DRIVER); System.out.println("连接数据库..."); conn = DriverManager.getConnection(DB_URL,USER,PASS); System.out.println("实例化Statement对象..."); stmt = conn.createStatement(); String sql; sql = "SELECT id, name, age FROM user"; ResultSet rs = stmt.executeQuery(sql); while(rs.next()){ int id = rs.getInt("id"); String name = rs.getString("name"); int age = rs.getInt("age"); System.out.print("ID: " + id); System.out.print(", 名称: " + name); System.out.println(", 年龄: " + age); } rs.close(); stmt.close(); conn.close(); }catch(SQLException se){ se.printStackTrace(); }catch(Exception e){ e.printStackTrace(); }finally{ try{ if(stmt!=null) stmt.close(); }catch(SQLException se2){ } try{ if(conn!=null) conn.close(); }catch(SQLException se){ se.printStackTrace(); } } System.out.println("Goodbye!"); } } ``` 5. 编译并运行Java类，以确保它能够连接到腾讯云MySQL云数据库并读取数据。 6. 现在可以在Android应用程序中使用相同的Java代码来连接腾讯云MySQL云数据库。可以在Android应用程序中使用异步任务或线程来避免在主线程中执行长时间的数据库操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值