二维码闪电登录流程详解,附demo(2/2)

时间:2023-12-22 17:22:32

上篇文章,我们重点介绍了一下二维码登录的流程,以及每个“角色”要做的事情,下面我们重点分析TV角色所做的工作。

TV主要完成二维码图片显示,以及websocket请求。下面重点说一下这两点。

1. Base64转码Bitmap

服务端返回二维码图片的二进制数据,我们需要将其转成图片。这个问题不大,

android系统原生支持Base64转码的,并且提供了丰富的API。使用方式如下:

 byte[]  = null;
// 将得到的String字符串通过Base64转为字节数组
c = Base64.decode(qrCode.img_base64, Base64.DEFAULT);
// 根据byte数组创建Bitmap
Bitmap bitmap = BitmapFactory.decodeByteArray(c, 0,
c.length);
ivCodeImage.setImageBitmap(bitmap);

2. websocket支持

Wedsocket是HTML 5一种新的 协议,它是实现了浏览器和服务器全双工通信,可以
自行百度。

由浏览器对服务器发出HTTP request,然后由服务器返回最新的数据给客服端的浏览器。

这种传统的HTTP request 的模式带来很明显的缺点:  浏览器需要不断的向服务器发出请求(request),

然而HTTP request 的header是非常长的,里面包含的数据可能只是一个很小的值,这样会占用很多的带宽。

在 WebSocket API,浏览器和服务器只需要要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。

两者之间就直接可以数据互相传送。在此WebSocket 协议中,为我们实现即时服务带来了两大好处:

1. Header

互相沟通的Header是很小的-大概只有 2 Bytes

2. Server Push

服务器可以主动传送数据给客户端

在android上,实现Websocket是开源项目非常多,autobahn, JWebsocket等,这里我使用的是精简过的autobahn类库,

因为autobahn除了实现Websocket协议外,还实现了Websocket Application Messageing 协议(Websocket子协议)。

这里我们只要用Websocket实现就可以了。

使用代码如下:

private void excuteWebcoketTask() {
System.out.println("开始连接websocket///"); final WebSocketConnection wsc = new WebSocketConnection();
try { // 测试拍照登录的地址
wsc.connect(
"ws://test.api.3g.youku.com/thirdpart/session/pull?pid=e80933b38c5c019d&ver=1.7.0",
new WebSocketConnectionHandler() { @Override
public void onBinaryMessage(byte[] payload) {
Logger.e(TAG, "onBinaryMessage size="
+ payload.length);
} @Override
public void onClose(int code, String reason) {
Logger.e(TAG, "onClose reason=" + reason);
} @Override
public void onOpen() {
Logger.e(TAG, "onOpen");
// wsc.sendTextMessage("Hello!");
wsc.sendTextMessage("9c553730ef5b6c8c542bfd31b5e25b69");
// wsc.disconnect();
} @Override
public void onRawTextMessage(byte[] payload) {
Logger.e(TAG, "onRawTextMessage size="
+ payload.length);
} @Override
public void onTextMessage(String payload) {
Logger.e(TAG, "onTextMessage" + payload);
Toast.makeText(QRCodeLoginActivity.this, payload, Toast.LENGTH_SHORT).show();
}
}); } catch (WebSocketException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}

Websocket实现参见demo:点我下载

最终效果(demo无卖相,勿喷)

二维码闪电登录流程详解,附demo(2/2)

原文链接:http://www.67tgb.com/?p=622

转载注明:望月听涛