二维码闪电登录流程详解，附demo（2/2）

上篇文章，我们重点介绍了一下二维码登录的流程，以及每个“角色”要做的事情，下面我们重点分析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无卖相，勿喷）

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

转载注明：望月听涛