iOS加载pdf 电子签章问题(带解决方案及优化文件)

项目中需要显示订单合同PDF文件。正常情况下，加载pdf文件直接通过UIWebView或者WKWebView就可以。不过实际情况中，PDF文件WKWebview可以在iOS12之后可以正常展示电子签章,但是在12之前无法正常展示.

方案: 使用pdf.js加载

pdf.js是火狐浏览器的开源项目，github地址为：https://github.com/mozilla/pdf.js 。

1.首先把pdf.js clone到本地：

  git clone git://github.com/mozilla/pdf.js.git

2.pdf.js 构建基于nodejs,因此需要安装nodejs：

npm install -g gulp-cli
npm install

3.修改工具的源码,在 目录src/core/annotation.js文件中

    // Hide unsupported Widget signatures. 注释掉if中的内容即可显示电子签章
    if (data.fieldType === 'Sig') {
      warn('unimplemented annotation type: Widget signature');
      this.setFlags(AnnotationFlag.HIDDEN);//就是将这句话注释带就可以了
    }

4.进入pdf.js所在的文件，输入gulp generic或$ gulp minified进行构建：

cd pdf.js
#generic和minified取其中一种即可。
gulp generic
gulp minified

构建完成后,会在build文件夹下生成相关文件,
将build\generic或build\ minified下的文件导入到xcode中。我在项目中用的是minified。

图片.png

4.将minified文件使用xcode加入到工程中, 接入代码
文件链接可执行下载(完整版和删减版)直接使用, 或者修改
https://github.com/kbshare/pdfjs/tree/master

 NSData *data = [[NSData alloc]initWithBase64EncodedString:byteStr options:NSDataBase64DecodingIgnoreUnknownCharacters];//byteStr服务端返回的pdf字符串
                NSString *filePath = [NSString docCompFolderWithFileName:@"policy.pdf"];
                
                //移除文件
                [[NSFileManager defaultManager] removeItemAtURL:[NSURL URLWithString:filePath] error:nil];
                
                BOOL isSuccess = [data writeToFile:filePath atomically:YES];
                if (isSuccess) {
                    ayh_dispatch_after(1, ^{
                        [self loadPDFFile:filePath];
                        NSLog(@"成功")
                    });
                }else{
                    NSLog(@"不成功");
                }

- (void)loadPDFFile:(NSString*)filePath {
    NSString *viwerPath = [[NSBundle mainBundle] pathForResource:@"viewer" ofType:@"html" inDirectory:@"minified/web"];
    NSString *urlStr = [NSString stringWithFormat:@"%@?file=%@#page=1",viwerPath,filePath];
    urlStr = [urlStr stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]];
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:urlStr]];
    [self.staticWeb loadRequest:request];
}

即可加载成功, 样式如下

图片.png

问题

1.生成的minified文件夹太大, 导入到项目中十几兆, 影响安装包大小

优化

可以将不必要的文件删除, 都是一些无用文件, 和本地化的文件,及图片资源

图片.png

2.pdf.js加载文件,容器的样式太复杂, 一般都用不到,可以对viewer.html, 和viewer.css进行修改, 我这里只剩下了显示页数, 和放大缩小功能, 你可以根据具体需求进行修改, viewer.css写的很好,很方便修改样式