如今手机发展非常迅速,app的种类也琳琅满目,而自从有了4G网之后,手机流量也越来越不够用了。所以现在越来越多的app有了本地文件的管理功能,方便用户随意浏览手机文件的同时,也为用户节约了流量的使用。
如上面的app截图中的功能,现在越来越多的app都具有了在电脑上通过网页wifi传输文件到手机端的功能,不仅有文字类,也有图片类,还有视频类,前提是电脑和手机都在同一个wifi下。这个功能的实现也很简单,在这里介绍两种方式来实现这个功能。
方式一:使用CocoaHTTPServer框架
CocoaHTTPServer在这里就不多做介绍,如果没有的话,可以的GitHub上去下载:https://github.com/robbiehanson/CocoaHTTPServer。
下面开始简单介绍一下CocoaHTTPServer的使用。
步骤1:
将CocoaHTTPServer框架中的文件导入项目中,需要的文件有:
1. Core文件夹下所有文件
2. Vendor文件夹下所有文件
3. Samples -> SimpleFileUploadServer -> SimpleFileUploadServer -> MyHTTPConnection.h + MyHTTPConnection.m + web文件夹下所有文件
文件参考以下图片:
导入项目中后如下图所示:
步骤2:
在 MyHTTPConnection.m 文件的 processStartOfPartWithHeader: 方法中,找到对应的地方,修改文件存储位置(这里以Document为例),如下图所示:
步骤3:
配置 httpServer。代码中有一个获取ip地址的方法,可以在网上搜,只要能获取到手机设备的ip地址就可以了,然后封装成一个工具类(SJXCSMIPHelper)。
1 // 2 // ViewController.m 3 // HTTPServerDemo 4 // 5 // Created by shapp on 2017/8/25. 6 // Copyright © 2017年 sjx. All rights reserved. 7 // 8 9 #import "ViewController.h"10 #import "HTTPServer.h"11 #import "MyHTTPConnection.h"12 #import "SJXCSMIPHelper.h"13 14 @interface ViewController ()15 /* httpServer */16 @property (nonatomic, strong) HTTPServer *httpServer;17 18 @end19 20 @implementation ViewController21 22 - (void)viewDidLoad {23 [super viewDidLoad];24 25 // 创建服务器26 self.httpServer = [[HTTPServer alloc] init];27 // 设置发布服务器的类型28 [self.httpServer setType:@"_http._tcp."];29 // webPath是server搜寻HTML等文件的路径30 NSString *webPath = [[NSBundle mainBundle] resourcePath];31 /*32 * 设置文档根目录33 * 因为请求 /index.html 将引用index.html文件在文档根目录。所以文件的要求相对于这个文档根目录。34 */35 [self.httpServer setDocumentRoot:webPath];36 // 设置连接类37 [self.httpServer setConnectionClass:[MyHTTPConnection class]];38 NSError *err;39 if ([self.httpServer start:&err]) {40 NSString *ipString = [SJXCSMIPHelper deviceIPAdress];41 NSLog(@"ip地址为:%@", ipString);42 NSUInteger port = [self.httpServer listeningPort];43 NSLog(@"开启监听的端口为:%zd", port);44 }else{45 NSLog(@"%@",err);46 }47 }48 49 @end现在就可以运行一下代码,如下图:
在网页输入ip地址和端口,就可以使用了。
demo下载:https://github.com/sjxjjx/HTTPServerDemo
方式二:使用GCDWebServer框架
同上面一样,首先去GitHub下载:https://github.com/swisspol/GCDWebServer。
下面直接进入正题:
步骤1:
将GCDWebServer框架中的文件导入项目中,需要的文件有:
1. GCDWebDAVServer文件夹下所有文件
2. GCDWebServer文件夹下所有文件
3. GCDWebUploader文件夹下所有文件
文件参考以下图片:
步骤2:
添加动态库文件,如下图所示:
步骤3:
配置Header Search Paths -> $(SDKROOT)/usr/include/libxml2,如下图所示:
步骤4:
配置webServer,并实现代理方法。
1 // 2 // ViewController.m 3 // GCDWebServerDemo 4 // 5 // Created by shapp on 2017/8/25. 6 // Copyright © 2017年 sjx. All rights reserved. 7 // 8 9 #import "ViewController.h"10 #import "GCDWebUploader.h"11 #import "SJXCSMIPHelper.h"12 13 @interface ViewController ()<GCDWebUploaderDelegate>14 /* webServer */15 @property (nonatomic, strong) GCDWebUploader *webServer;16 17 @end18 19 @implementation ViewController20 21 - (void)viewWillAppear:(BOOL)animated {22 [super viewWillAppear:animated];23 24 // 文件存储位置25 NSString* documentsPath = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) firstObject];26 // 创建webServer,设置根目录27 self.webServer = [[GCDWebUploader alloc] initWithUploadDirectory:documentsPath];28 // 设置代理29 self.webServer.delegate = self;30 self.webServer.allowHiddenItems = YES;31 // 开启32 if ([_webServer start]) {33 NSString *ipString = [SJXCSMIPHelper deviceIPAdress];34 NSLog(@"ip地址为:%@", ipString);35 NSUInteger port = self.webServer.port;36 NSLog(@"开启监听的端口为:%zd", port);37 } else {38 NSLocalizedString(@"GCDWebServer not running!", nil);39 }40 }41 42 - (void)viewDidDisappear:(BOOL)animated {43 [super viewDidDisappear:animated];44 45 [self.webServer stop];46 self.webServer = nil;47 }48 49 #pragma mark - <GCDWebUploaderDelegate>50 - (void)webUploader:(GCDWebUploader*)uploader didUploadFileAtPath:(NSString*)path {51 NSLog(@"[UPLOAD] %@", path);52 }53 54 - (void)webUploader:(GCDWebUploader*)uploader didMoveItemFromPath:(NSString*)fromPath toPath:(NSString*)toPath {55 NSLog(@"[MOVE] %@ -> %@", fromPath, toPath);56 }57 58 - (void)webUploader:(GCDWebUploader*)uploader didDeleteItemAtPath:(NSString*)path {59 NSLog(@"[DELETE] %@", path);60 }61 62 - (void)webUploader:(GCDWebUploader*)uploader didCreateDirectoryAtPath:(NSString*)path {63 NSLog(@"[CREATE] %@", path);64 }65 66 @end现在就可以运行一下代码,如下图:
还是在网页中输入ip地址和端口试一试吧,效果如下图:
这个方式可以直接在网页中管理文件了,用起来还是很不错的哦~~
demo下载:https://github.com/sjxjjx/GCDWebServerDemo
以上就是现在常用的两种方式,大家可以尝试尝试,一起学习交流。