iOS WebView加载本地HTML代码
2017-11-24 本文已影响81人
罗显友
项目需求：
去服务器获取代码包到本地保存，然后去加载本地的代码包。这样的话，如果有新的版本更新，就直接更新html的代码包，就不用更新ipa包了。
需要注意几点：
1.代码存在服务器，zip格式
2.如果代码包太大，需要支持断点下载
3.代码包本地只保存一份，所以需要检测本地是否存在，然后覆盖下载
4.版本更新的时候，是强制跟新还是选择更新。如果用户选择不更新，那就需要所以去加载上一次的代码包，所以需要保存上一次的代码包
缓解一下眼疲劳
makeL.jpg
webView加载代码的两种方式
1.URLWithString
-
URLWithPath
这两个方法都是返回一个url供给webview加载对应的html代码。那这两个有很多区别，一般加载一个链接，就会用第一种，但是加载本地的呢一般就会用第二种方法。但是加载本地的时候呢，又可以加载存储在bundle里面的，也可以加载存储在内存里面的。那就介绍下有什么不同
- 加载bundle中的资源包
NSString *pathStr = [[NSBundle mainBundle] pathForResource:@"存在项目中的html资源包入口文件的路径" ofType:@"html" inDirectory:nil];
NSURL *url = [NSURL fileURLWithPath:pathStr];
- 加载Caches中的资源包（其实也不用一定要存在这个里面，只不过我自己认为这里面会更适合我的项目）
NSArray *documentArray = NSSearchPathForDirectoriesInDomains(NSLibraryDirectory, NSUserDomainMask, YES);
NSString *path = [[documentArray lastObject] stringByAppendingPathComponent:@"Caches"];
我存在本地的文件路径："/Users/luoxiaoyou/Library/Developer/CoreSimulator/Devices/32CEE987-09E7-455D-83AD-D0CCAB194E66/data/Containers/Data/Application/405D356E-5401-4423-A5E6-D96823BDEB40/Library/Caches/dist"
//拼接路径
NSURL *url=[NSURL fileURLWithPath:[NSString stringWithFormat:@"%@/%@",path,H5CodeFilePath]];
拼接之后的路径： @"/Users/luoxiaoyou/Library/Developer/CoreSimulator/Devices/32CEE987-09E7-455D-83AD-D0CCAB194E66/data/Containers/Data/Application/405D356E-5401-4423-A5E6-D96823BDEB40/Library/Caches/distviews/login/index.html" 0x000060400028a640
NSString *urlStr = [url absoluteString];
urlStr = [urlStr stringByReplacingOccurrencesOfString:@"file://" withString:@""];
NSURL * URL = [NSURL fileURLWithPath:urlStr];
以上就是如何加载项目中html代码包的方法，结合我这个项目，还有几个点我也记录一下（使用AFN下载html代码包）
1.AFN下载文件这个方法的几个参数的详细解释（不是原理剖析，是参数的解释）
我重点说一下这第三个参数：destination 回调(目标位置)，它是一个block回调，有一个返回值，是NSURL类型，也就是要求你返回一个你下载文件之后保存的路径，重点就在这里，这个路径是自己创建的，然后返回这个路径，在后面的一个block里面被接收，然后做相应处理，比如根据路径去加载html代码。而且这个block块里面有两个传入的参数：
- targetPath:临时文件路径：随时可能被删除，所以我们不使用，要使用也没问题，就是你不用创建新的路径，直接在这里存储下载的文件。
- response:响应头信息：需要将里面的信息转化出来，也就是这个方法：response.suggestedFilename
//创建请求
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:@"you loadsource url"];
NSURLSessionConfiguration *sessionConfiguration = [NSURLSessionConfiguration defaultSessionConfiguration];
sessionConfiguration.timeoutIntervalForRequest = 60.0; //请求超时时间；默认为60秒
sessionConfiguration.allowsCellularAccess = YES; //是否允许蜂窝网络访问（2G/3G/4G）
sessionConfiguration.HTTPMaximumConnectionsPerHost = 4; //限制每次最多连接数；在 iOS 中默认值为4
//1.创建会话管理器
AFURLSessionManager *sessionManager = [[AFURLSessionManager alloc] initWithSessionConfiguration:sessionConfiguration];
//2.下载文件
//创建会话下载任务，并且启动他；在非主线程中执行
/*
第一个参数:请求对象
第二个参数:progress 进度回调 downloadProgress
第三个参数:destination 回调(目标位置)
有返回值
targetPath:临时文件路径
response:响应头信息
第四个参数:completionHandler 下载完成之后的回调
filePath:最终的文件路径
*/
NSURLSessionDownloadTask *task = [sessionManager downloadTaskWithRequest:request progress:^(NSProgress * _Nonnull downloadProgress) {
//文件下载进度
//这里可以放一个进度条，显示目前的下载进度
LXYLog(@"%f",1.0 *downloadProgress.completedUnitCount / downloadProgress.totalUnitCount);
} destination:^NSURL * _Nonnull(NSURL * _Nonnull targetPath, NSURLResponse * _Nonnull response)
{
//- block的返回值, 要求返回一个URL, 返回的这个URL就是文件的位置的路径
NSString *cachesPath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
//再次之前先删除本地文件夹里面相同的文件夹
NSFileManager *fileManager = [NSFileManager defaultManager];
NSArray *contents = [fileManager contentsOfDirectoryAtPath:cachesPath error:NULL];
NSEnumerator *e = [contents objectEnumerator];
NSString *filename;
NSString *extension = @"zip";
while ((filename = [e nextObject])) {
if ([[filename pathExtension] isEqualToString:extension]) {
[fileManager removeItemAtPath:[cachesPath stringByAppendingPathComponent:filename] error:NULL];
}
}
NSString *path = [cachesPath stringByAppendingPathComponent:response.suggestedFilename];
return [NSURL fileURLWithPath:path];
} completionHandler:^(NSURLResponse * _Nonnull response, NSURL * _Nullable filePath, NSError * _Nullable error) {
//创建文件被解压的路径
LXYLog(@"下载后的保存路径：%@", filePath); //为上面代码块返回的路径
NSString *saveURL = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
NSURL *url = [NSURL URLWithString:saveURL];
url = [url URLByAppendingPathComponent:ETMSResouceFilePath];
NSString *savePath = [url path];
//下载的压缩包存储的路径（上一个回调返回的）
NSString *HtmlFilePath = [filePath path];
if ([SSZipArchive unzipFileAtPath:HtmlFilePath toDestination:savePath overwrite:YES password:nil error:&error delegate:self]) {
LXYLog(@"success");
LXYLog(@"unzipPath = %@",savePath);
//发送通知告诉webView加载H5代码
NSDictionary *dict = @{@"url":@"1",@"load":savePath};
[[NSNotificationCenter defaultCenter] postNotification:[NSNotification notificationWithName:@"loadH5code" object:nil userInfo:dict]];
}else {
LXYLog(@"解压失败，错误信息：%@", error.localizedDescription);
}
if (error) {
LXYLog(@"error:%@",error);
}
}];
[task resume];
- 覆盖下载html代码包
覆盖下载的原理：创建文件管理器去检查是否存在有相同名字的文件夹存在，如果不存在就创建一个，并将下载的资源存入其中；如果存在就删除以前文件夹下存的内容，再将一个新的内容存进去
NSString *cachesPath = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
//再次之前先删除本地文件夹里面相同的文件夹
NSFileManager *fileManager = [NSFileManager defaultManager];
NSArray *contents = [fileManager contentsOfDirectoryAtPath:cachesPath error:NULL];
NSEnumerator *e = [contents objectEnumerator];
NSString *filename;
NSString *extension = @"zip";
while ((filename = [e nextObject])) {
if ([[filename pathExtension] isEqualToString:extension]) {
[fileManager removeItemAtPath:[cachesPath stringByAppendingPathComponent:filename] error:NULL];
}
}
NSString *path = [cachesPath stringByAppendingPathComponent:response.suggestedFilename];
return [NSURL fileURLWithPath:path];
最后我还使用了一个解压缩的第三方框架：SSZipArchive
使用方法：传入一个需要解压资源的路径，和一个接受解压包的文件夹的路径
