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

運行後結果如圖：