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