android实现扫描网页二维码进行网页登录功能
先说一下实现了什么效果，app扫描php写的页面(也可以java网页，都一样的思路和步骤),扫描成功后跳转进入主页，光和你们这么说，肯定有人说了，没图说个jb，这就出来一个问题，很多人写博客，看这标题特别符合自己的问题，然后兴致勃勃的进来了，一看，我去...尼玛全是代码，也不知道是不是我的那种问题和想要的那种效果，心里没谱啊，好了，上图：
别纠结这页面咋这么丑，没写样式，说一下我实现的思路哈，首先在数据库中新建一个表用来存储扫码登录信息(id,username,randomnum),这三个分别是id自增长，用户名，随机数——>点击生成二维码，生成随机数，可以用http://qr.topscan.com/api.php?text=" + data，可以使用这个生成二维码，当然你也可以自己写，这个操作就相当于某宝的那个二维码登录框，生成二维码之后，这个时候做了一个ajax请求操作，在刚才新建的那个表中插入数据，把生成的随机数保存到表中，这个时候username为空——>打开app进行扫码操作，app扫描完成之后，进行网络请求，把你扫描到的二维码当成参数，做修改操作，修改username为当前你的用户名——>网页使用每个几秒钟请求另外一个接口，根据随机数判断当前username是否为空，如果不为空(刚才扫码修改了username所以不为空)jquery操作做跳转操作，这个就是完整的流程。
说的简单的就是，生成二维码的时候只存入随机数(或者你自定义的随便信息)，使用app扫码之后根据随机数把用户名存进去，网页每隔5s请求另外一个接口时，如果username不为空好了跳转操作。大体就是这样的，有可能大神的实现也不是这样的，我就是把我理解的说出来，如果你们有另外的实现方法也可以在下边评论告诉我，共同学习，下面贴代码了。
部分php(新手可能不太规范，勿喷)login.php代码：
else if ($_REQUEST['act'] != '' && $_REQUEST['act'] == 'codeCreate') {
//if userName为空--->表示网页第一次点击新建生成
//网页生成二维码操作，同时添加数据到表中
if ($_REQUEST['userName'] != '') {//不为空的时候表示修改
$userName = $_REQUEST['userName'];
$randomNum = $_REQUEST['randomNum'];
echo "扫码成功";
$sql = "update UserCodeLogin set username='$userName' WHERE randomnum='$randomNum'";
// mysqli_query($conn, $sql);//插入成功
} else {//为空的时候表示是新建二维码
//生成随机数
$randomNum = "";
for ($i = 0; $i < 5; $i++) {
$randomNum .= rand(0, 9);
}
echo $randomNum;//显示生成的随机数
$sql = "insert into UserCodeLogin(username,randomnum) VALUES ('','$randomNum')";
// mysqli_query($conn, $sql);//插入成功
}
mysqli_query($conn, $sql);//插入成功
} else if ($_REQUEST['act'] != '' && $_REQUEST['act'] == 'codeSelect') {//根据随机数查询表中的username是否为空
$randomNum = $_REQUEST['randomNum'];
if ($randomNum == '' && empty($randomNum)) {
} else if ($randomNum != '') {
$sql = "select username from UserCodeLogin where randomnum='$randomNum'";
$result = mysqli_query($conn, $sql);
// print_r($result);
if (mysqli_num_rows($result) > 0) {
while ($row = mysqli_fetch_assoc($result)) {
$userName = $row['username'];
}
if ($userName == '' && $userName == null) {
//说明客户端还未扫码修改过
} else if ($userName != '') {
//客户端扫码完成
//跳转页面
echo "客户端扫码成功，跳转中...";
}
}
}
然后是login.html
<html>
<head>
<title>这是首页</title>
</head>
<script type="text/javascript" src="js/jquery-1.12.3.js"></script>
<body>
<script type="text/javascript">
var type = 1;
var randomNum;
function clickBtn() {
$.post("../login.php?act=codeCreate&userName=",
function (data) {
alert("-------random:" + data);
randomNum = data;
$("#img").attr('src', "http://qr.topscan.com/api.php?text=" + data);
});
type = 2;
}
function time() {
$.post("../login.php?act=codeSelect&randomNum=" + randomNum,
function (data) {
if (data) {
alert(data);
$(location).attr('href', 'index.html');
} else {
}
})
}
setInterval("time()", 4000);
</script>
<button type="submit" id="btn" onclick="clickBtn()"> 点击生成二维码</button>
<!--src="https://www.baidu.com/img/baidu_jgylogo3.gif"-->
<img id="img" style="visibility: visible" width="250px"/>
</body>
</html>
上边就是服务端的部分代码，放心有源码，下边写完一起给
下面开始android了关于android的扫码第三方开源的有挺多的，这里使用的是Zing，他可以实现的挺多的二维码，条形码，生成二维码。。。
建类库，导jar包，掉用，你们可以直接拿过这个类库去，然后自己改需要的样式。
这个图是目录结构
主要的就是mainActivity.java里边的调用了
扫码成功之后的回掉：
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
// 扫描二维码/条码回传
if (requestCode == REQUEST_CODE_SCAN && resultCode == RESULT_OK) {
if (data != null) {
String content = data.getStringExtra(Constant.CODED_CONTENT);
result.setText("扫描结果为：" + content);
/*执行网络请求*/
String username = "dingchao";
volleyScanCodeLogin(content, username);
Log.e("aaa","volleyScanCodeLogin。。。3");
}
}
}
volleyScanCodeLogin()方法：
/**
* 网络请求
* 使用Volley进行网络请求
*
* @param content 携带的随机数和用户名
* @param username 用户名
*/
private void volleyScanCodeLogin(final String content, final String username) {
Log.e("aaa","volleyScanCodeLogin。。。1");
final RequestQueue mQueue = Volley.newRequestQueue(MainActivity.this);
StringRequest stringRequest = new StringRequest(Request.Method.POST, "http://你自己的目录地址/webcodelogin/login.php", new Response.Listener<String>() {
@Override
public void onResponse(String s) {
Log.e("aaa","volleyScanCodeLogin。。。2");
Toast.makeText(MainActivity.this, "" + s, Toast.LENGTH_SHORT).show();
}
}, new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError volleyError) {
}
}) {
@Override
protected Map<String, String> getParams() throws AuthFailureError {
Map<String, String> map = new HashMap<String, String>();
map.put("act", "codeCreate");
map.put("userName", username);
map.put("randomNum", content);
return map;
}
};
mQueue.add(stringRequest);/*请求数据*/
}
上边那些就是主要的工程代码，然后源码我打包放到百度云盘中，链接：https://pan.baidu.com/s/1slsQM2D 密码：gdyp
您可能感兴趣的文章:
- php生成Android客户端扫描可登录的二维码
- Android基于google Zxing实现二维码的生成
- Android开发框架之自定义ZXing二维码扫描界面并解决取景框拉伸问题
- Android平台生成二维码并实现扫描 & 识别功能
- Android实现二维码扫描和生成的简单方法
- iOS和Android用同一个二维码实现跳转下载链接的方法
- Android项目实战（二十八）：使用Zxing实现二维码及优化实例
相关推荐
-
iOS和Android用同一个二维码实现跳转下载链接的方法
前言 最近一个项目需要iOS和安卓使用一个二维码,让扫描的机器自己识别操作系统实现跳转到相应的下载链接.比如iPhone用微信进行扫描就让他跳转appStore的下载页面,安卓机器使用微信扫描就直接跳浏览器下载.但是这二维码还有一个需求就是,用户已经下载了这个app,当用户打开app进入到注册页面时,再次扫描这个二维码时,自动填写邀请码进行注册.那么该如何实现,细节就不说了,直接上代码. 使用js实现,其实代码非常简单. 使用时直接拷贝代码,改掉相应的链接就好. PS:该链接在微信环境打开时还是
-
Android实现二维码扫描和生成的简单方法
这里简单介绍一下ZXing库.ZXing是一个开放源码的,用Java实现的多种格式的1D/2D条码图像处理库,它包含了联系到其他语言的端口.Zxing可以实现使用手机的内置的摄像头完成条形码的扫描及解码.该项目可实现的条形码编码和解码.目前支持以下格式:UPC-A,UPC-E.EAN-8,EAN-13.39码.93码.ZXing是个很经典的条码/二维码识别的开源类库,以前在功能机上,就有开发者使用J2ME运用ZXing了,不过要支持JSR-234规范(自动对焦)的手机才能发挥其威力. ZXing
-
Android基于google Zxing实现二维码的生成
最近项目用到了二维码的生成与识别,之前没有接触这块,然后就上网搜了搜,发现有好多这方面的资源,特别是google Zxing对二维码的封装,实现的已经不错了,可以直接拿过来引用,下载了他们的源码后,只做了少少的改动,就是在Demo中增加了长按识别的功能,网上虽然也有长按识别的Demo,但好多下载下来却无法运行,然后总结了一下,加在了下面的Demo中. 下面来介绍这个Demo的主类 public class BarCodeTestActivity extends Activity { priv
-
Android平台生成二维码并实现扫描 & 识别功能
1.二维码的前世今生 "二维条码/二维码(2-dimensional bar code)是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的:在代码编制上巧妙地利用构成计算机内部逻辑基础的"0"."1"比特流的概念,使用若干个与二进制相对应的几何形体来表示文字数值信息,通过图象输入设备或光电扫描设备自动识读以实现信息自动处理:它具有条码技术的一些共性:每种码制有其特定的字符集:每个字符占有一定的宽度:具有一定的校验功能
-
php生成Android客户端扫描可登录的二维码
本文实例为大家分享了php网页生成二维码,Android客户端扫描登录的具体代码,供大家参考,具体内容如下 使用了Github上具有扫码功能的ZXing开源库,使用了通过随机数生成二维码图片网络API,整个过程经过三步: 1.PHP网页生成二维码,相应随机数存储到数据库中: 2.Android客户端扫码,携带username保存至随机数对应的位置: 3.每隔一段时间,PHP通过Ajax轮询数据库,判断是否为空,不为空则跳转网页. 具体代码: 1. 通过随机数生成二维码图片,并执行轮询操作命令的主
-
Android开发框架之自定义ZXing二维码扫描界面并解决取景框拉伸问题
先给大家展示下效果图: 扫描内容是下面这张,二维码是用zxing库生成的 由于改了好几个类,还是去年的事都忘得差不多了,所以只能上这个类的代码了,主要就是改了这个CaptureActivity.java package com.zxing.activity; import java.io.IOException; import java.util.Vector; import android.app.Activity; import android.content.Intent; import
-
Android项目实战（二十八）：使用Zxing实现二维码及优化实例
前言: 多年之前接触过zxing实现二维码,没想到今日项目中再此使用竟然使用的还是zxing,百度之,竟是如此牛的玩意. 当然,项目中我们也许只会用到二维码的扫描和生成两个功能,所以不必下载完整的jar包,使用简化版的即可,下文可见. 这篇文章讲述: 1.如果快速在项目中集成zxing,实现扫描和生成二维码功能 2.根据项目需求去修改源码实现我们的要求并进行优化 一.快速集成zxing二维码 1.下载库文件 :http://xiazai.jb51.net/201611/yuanma/ZXingB
-
android实现扫描网页二维码进行网页登录功能
先说一下实现了什么效果,app扫描php写的页面(也可以java网页,都一样的思路和步骤),扫描成功后跳转进入主页,光和你们这么说,肯定有人说了,没图说个jb,这就出来一个问题,很多人写博客,看这标题特别符合自己的问题,然后兴致勃勃的进来了,一看,我去...尼玛全是代码,也不知道是不是我的那种问题和想要的那种效果,心里没谱啊,好了,上图: 别纠结这页面咋这么丑,没写样式,说一下我实现的思路哈,首先在数据库中新建一个表用来存储扫码登录信息(id,username,randomnum),这三个分别是
-
Android基于zxing的二维码（网格）扫描 仿支付宝网格扫描
前言:对于二维码扫描我们使用的是开源框架Zxing或者Zbar,这里使用基于zxing的二维码扫描,类似支付宝网格扫描. 二维码原理介绍: 二维码是用某种特定的几何图形按一定的规律在平面上分布的黑白相间的图形记录数据符号信息的,在代码编制上巧妙的利用构成计算机内部逻辑基础的0/1比特流的概念,使用若干个与二进制相对应的几何形体来表示文字数值信息,通过图像输入设备或光电扫描设备自动识读以实现信息自动处理:二维码能够在横向和纵向两个方位同时表达信息,因此能在很小的面积内表达大量的信息. 效果: 真机
-
Android中二维码的生成方法(普通二维码、中心Logo 二维码、及扫描解析二维码)
首先声明我们通篇用的都是Google开源框架Zxing,要实现的功能有三个 ,生成普通二维码.生成带有中心图片Logo 的二维码,扫描解析二维码,直接上效果图吧 首先我们需要一个这样的 Zxing 的包类似于这样 接下来需要引入资源 1.drawable 中引入图片 navbar.png 2.layout中引入camera.xml.main.xml.qrcode_capture_page.xml 3.创建raw文件夹并添加beep.ogg 扫描声音 4.合并color.xml,copy ids.
-
Android 带logo的二维码详解及实例
Android 带logo的二维码详解及实例 好久没有写博客了,快元旦了公司的事情也不是很多,刚好和朋友一起出去玩玩,朋友是搞PHP的说到了每天在公司都是搞些什么二维码和微信支付的相关东西,因为上班的时间不忙,所以随便来搞下. 二维码(Quick Response Code),又称二维条码,它是用特定的几何图形按一定规律在平面(二维方向)上分布的黑白相间的图形,是所有信息数据的一把钥匙.在现代商业活动中,如果一个产品是不能通过二维码来进行访问什么的,显然是不成功的.用的比较多的生成二维码的jar
-
Android从图片获取二维码的方法
之前的博客我记得讲过关于扫描二维码的内容,昨天,组长让我不仅可以扫描获取二维码,还可以通过图片获取里面的二维码.比如别人拍了一张二维码的照片,发送给你,app应该可以获取图片的二维码. 自己在网上查了资料,发现其实也很简单,用ZXing jar包里的获取图片二维码的QRCodeReader就基本可以了.不过大部分的内容,我自己也不明白,大家如果有兴趣,可以自己去查找资料. 1.点击按钮后,跳转到相册,选择有二维码的图片,返回到解析二维码的界面.这时通过返回的URI获取图片的路径. case CH
-
Android 点击生成二维码功能实现代码
先看效果: 输入内容,点击生成二维码: 点击logo图案: 代码: QRCodeUtil: package com.example.administrator.zxing; import android.graphics.Bitmap; import android.graphics.Canvas; import com.google.zxing.BarcodeFormat; import com.google.zxing.EncodeHintType; import com.google.zx
-
Android ZxingPlus精简的二维码框架示例代码
这个二维码框架不仅使用的代码少,而且可以生成带图片的二维码,而且二维码扫描界面也是先做好的,也比较好看.我们所需要做的就是在扫描二维码后得到的数据对其进行操作. 使用方法 添加依赖 compile 'com.singleshu:ZxingPlus:1.1.4' 代码 public class MainActivity extends AppCompatActivity { TextView test; ImageView imageView; @Override protected void o
-
Android生成条形码和二维码功能
背景: 随着移动互联网的普及以及智能终端设备的广泛应用,移动支付变得越来越便捷,通过扫描二维码代替传统的刷卡行为.那么作为开发者而言生成二维码成为了一项必备技能. 准备: 使用zxing包 implementation "com.google.zxing:core:3.3.1" 核心代码: package com.wangpengpro.h5test.utils; import android.graphics.Bitmap; import com.google.zxing.Barco
-
Android利用zxing生成二维码的过程记录
目录 二维码生成原理(即工作原理) 效果图如下: 前提: 源码如下: 总结 二维码生成原理(即工作原理) 二维码官方叫版本Version.Version 1是21 x 21的矩阵,Version 2是 25 x 25的矩阵,Version 3是29的尺寸,每增加一个version,就会增加4的尺寸,公式是:(V-1)*4 + 21(V是版本号) 最高Version 40,(40-1)*4+21 = 177,所以最高是177 x 177 的正方形. 下面是一个二维码的样例: 效果图如下: 前提:
-
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
1.多张图片循环渲染后预览.保存.识别带参数二维码 wxml页面 <view wx:for="{{imgalist}}" wx:for-item="image" class="previewimg"> <image src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>