ios浏览局域网文件 ios局域网传输文件

iOS项目之wifi局域网传输文件到iPhone的简单实现

iOS项目之wifi局域网传输文件到iPhone的简单实现

如今手机发展非常迅速，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）。

//
//  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框架中的文件导入项目中，需要的文件有：

1. GCDWebDAVServer文件夹下所有文件
2. GCDWebServer文件夹下所有文件
3. 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

以上就是现在常用的两种方式，大家可以尝试尝试，一起学习交流。