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

时间:2024-02-17 16:50:48

        如今手机发展非常迅速,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 @end
19 
20 @implementation ViewController
21 
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 @end
18 
19 @implementation ViewController
20 
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

 

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

 

注:本文属作者原创,转载请附上文章出处,谢谢~~~~。