Foxit PDF SDK for iOS--零基础Cordova开发

目录

系统要求和环境准备

XCode

Cordova

用SDK创建一个Cordova工程

创建Cordova工程并添加平台

安装plugin

集成Foxit SDK

运行工程


Foxit PDF SDK for iOS已经到了6.0版本,易用性,越来越高,下面给大家介绍Cordova下如何用Foxit SDK来进行开发。

系统要求和环境准备

首先说下系统的要求,以下是必须的

  • Xcode
  • NPM
  • Cordova
  • iOS
  • Foxit PDF SDK For iOS

XCode

Xcode我已经安装,我安装的是Xcode 10.1如下图:

Cordova

接着安装Cordova,照着这里步骤做就好了https://cordova.apache.org/

首先安装Node.js https://nodejs.org/en/, 我下载10.15.0 版本如下图

安装最后一步如图

接着打开终端运行: $ npm install -g cordova 如果提示没有权限,运行  $ sudo npm install -g cordova

成功后如下图:

用SDK创建一个Cordova工程

创建Cordova工程并添加平台

打开终端,cd到我打算创建Corodva工程的目录,运行命令: cordova create test_cordova com.app testCordova,

加入iOS平台 运行命令:

cd test_cordova

cordova platform add ios

运行结果如下图: 

安装plugin

安装 'cordova-plugin-foxitpdf' plugin

可以从npm直接下载并安装到工程目录,命令如下(以下步骤选其一,如果不指定版本,将会安装最新的版本):

// Install a specific plugin version, for example the 6.2.1 version:

cordova plugin add cordova-plugin-foxitpdf@6.2.1

或者不指定版本

// Install the latest plugin version (by not specifying the version):

cordova plugin add cordova-plugin-foxitpdf

 

也可以通过url安装(这种方式将会安装最新版本):

cordova plugin add https://github.com/foxitsoftware/cordova-plugin-foxitpdf.git

集成Foxit SDK

1.把Foxit PDFSDK中的 “libs”目录拷贝到 "test_cordova/platforms/ios" 目录下,如下图:

2.FoxitPDF.m类中的"sn"和"key",  "FoxitPdf.m" 位于 "test_cordova/plugins/cordova-plugin-foxitpdf/src/ios"目录下, "rdk_sn.txt" 和 "rdk_key.txt"位于SDK的"libs"目录下:

4.把"FoxitRDK.framework" 和 “uiextensionsDynamic.framework” 加入到" Embedded Binaries" ,  左键点击工程->"TARGETS -> General -> Embedded Binaries"

 添加后效果如下图:

4.把  "WebKit.framework"加入到“ Linked Frameworks and Libraries”。

5.加入测试的PDF文件,直接拖入工程即可,加如后,可以在 TARGETS -> Build Phases -> Copy Bundle Resources中看到,如下图:

6. 把如下代码加入到index.js中,用于打开PDF文件

var pdfviewOptions = {
  'filePath':cordova.file.applicationDirectory + 'complete_pdf_viewer_guide_ios.pdf',
  'filePathSaveTo': cordova.file.documentsDirectory + 'complete_pdf_viewer_guide_ios_saved.pdf',
  };
window.FoxitPdf.preview(pdfviewOptions,
  function(succ){
  console.log('succ',succ);},
  function(err){
  console.log('err',err);}
  );

7.打开终端,在工程目录下终端运行cordova prepare ios

运行工程

直接在Xcode下运行或者命令行运行均可

XCODE下运行

也可以在终端运行以下命令之一

cordova run ios                          // for device

cordova emulate ios                     // for simulator

cordova emulate ios --target iPhone-XR     // for a specific simulator

注意,如果用的是Xcode10版本,需要(Xcode10的bug:https://github.com/apache/cordova-ios/issues/407)

cordova run ios   --buildFlag="-UseModernBuildSystem=0" // for device

cordova emulate ios  --buildFlag="-UseModernBuildSystem=0"   // for simulator

cordova emulate ios --target iPhone-XR    --buildFlag="-UseModernBuildSystem=0"     // for a specific simulator

运行后结果如图:

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页