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

 

        以上就是現在常用的兩種方式，大家可以嘗試嘗試，一起學習交流。

 

注：本文屬作者原創，轉載請附上文章出處，謝謝~~~~。