多看Android版本WIFI传书的实现

多看Android版本WIFI传书的实现

参照《多看》的WIFI传书功能
* 手机端的HttpServer采用开源项目AndroidAsync实现的。
* 网页端采用jQuery实现，文件上传采用Upload5（HTML5浏览器）和ajaxupload.js(非HTML5浏览器，如IE7/IE8/IE9)

手机端截图

网页版截图

AndroidAsync HttpServer技术要点

AndroidAsync针对HTTP Servers模块的文档介绍非常少，需要大家自己去看源码。本项目中HTTP server功能都在WebService.java这个文件中。下面简单说一下本项目中用到一些传输API:
* 获取x-www-form-urlencoded请求体

UrlEncodedFormBody body = (UrlEncodedFormBody) request.getBody();

• 获取multipart/form-data请求体

MultipartFormDataBody body = (MultipartFormDataBody) request.getBody()

• 发送文本

response.send("Hello world!");

• 发送文件流

BufferedInputStream bInputStream = ...
response.sendStream(bInputStream, bInputStream.available());
response.sendFile(...);

• 发送Json

response.send(new JSONObject());

• 发送Header

response.getHeaders().add("Content-Disposition", "attachment;filename=" + URLEncoder.encode(file.getName(), "utf-8"));

• 发送特定的响应码

response.code(500);//这个一定要和send()或者end()一起使用

WIFI传输 HttpServer文件上传功能实现

 server.post("/files", (AsyncHttpServerRequest request, AsyncHttpServerResponse response) -> {
                    final MultipartFormDataBody body = (MultipartFormDataBody) request.getBody();
                    body.setMultipartCallback((Part part) -> {
                        if (part.isFile()) {
                            body.setDataCallback((DataEmitter emitter, ByteBufferList bb) -> {
                                fileUploadHolder.write(bb.getAllByteArray());
                                bb.recycle();
                            });
                        } else {
                            if (body.getDataCallback() == null) {
                                body.setDataCallback((DataEmitter emitter, ByteBufferList bb) -> {
                                    try {
                                        String fileName = URLDecoder.decode(new String(bb.getAllByteArray()), "UTF-8");
                                        fileUploadHolder.setFileName(fileName);
                                    } catch (UnsupportedEncodingException e) {
                                        e.printStackTrace();
                                    }
                                    bb.recycle();
                                });
                            }
                        }
                    });
                    request.setEndCallback((Exception e) -> {
                        fileUploadHolder.reset();
                        response.end();
                        RxBus.get().post(Constants.RxBusEventType.LOAD_BOOK_LIST, 0);
                    });
                }
        );

• 这里上传有2个Part：一个文件名，另一个是文件内容。之所以用有文件名Part是为了支持中文文件名：在multipart/form-data上传文件所存的中文文件名会因为AndroidAsync采用ASCII编码导致乱码。因此新增一个文件名Part，内容是网页端JS对文件名进行encodeURL，Server端拿到后再URLDecoder.decode得到中文文件名。
• 这里涉及3个Callback:MultipartCallback、DataCallback和CompletedCallback。AndroidAsync采用NIO，处理请求体时候：每处理一个新的Part会回调MultipartCallback；通过多次回调DataCallback来接收文件内容；处理完所有的请求体回调CompletedCallback表示请求数据都已接收完毕，可以向客户端发送响应，如response.end()结束请求。

TODO

因AndroidAsync采用NIO，目前还不知道怎么获取上传文件的大小。在使用非HTML5浏览器（如IE7/IE8/IE9）时候，文件上传进度无法正确显示。

奉上源码

https://github.com/baidusoso/WifiTransfer

版权声明

本项目参考《多看》实现的，网页端的资源于《多看》并稍作修改，不得用于任何商业用途，仅供学习研究使用，否则后果自负。