ios - Cordova iOS 在定位远程服务器时崩溃

Question

我有一个基于 Angular 1.6 和 Ionic v1 的cordova 应用程序。我在 iOS 上遇到了一个可怕的问题，我什至不知道出了什么问题。我将解释这个问题以及到目前为止我已经尝试过的内容，希望有人能对此有所了解。

问题
我们有一个屏幕，它是一个简单的表格，您可以填写一些文本并根据需要添加附件。对于附件，您可以:

用相机拍一张照片

用相机拍摄视频

录制音频

从您的图书馆中选择

从您的 iCloud Drive (iOS) 或文件系统 (Android) 中选择

然后您可以保存记录，该记录将所有内容存储在文件系统上。或者上传到服务器，服务器再次将记录存储在您的设备上。

问题是，当我从库或任何其他来源选择文件时，应用程序不久后意外崩溃。我可以添加附件并保存/上传，但是当我离开时，应用程序崩溃了。这只发生在 iOS 上。没有错误，没有警告，没有可调试的输出，只是崩溃。我检查了 iPhone 上的崩溃日志，显然主线程被阻塞了 5 秒以上。这会导致 看门狗违规 要抛出的异常。很难说是什么导致了这个线程锁，不知道。

我使用的是运行 iOS 12.1 的 iPhone 8。值得一提的是，该应用程序在模拟器上运行良好，没有错误或崩溃。

到目前为止我尝试过的
起初，我认为我的代码可能有问题。于是我逐行查看了每一个代码文件，重构了我的JS代码，提高了代码质量。确保 promise 按预期工作，解决 JSLint/TSLint 警告等。

我已将所有cordova 插件更新为最新版本。还删除了两个平台并添加了最新版本。他们都没有帮助。所以我想也许我错过了配置怪癖或其他什么。翻阅 github 文档和 SO 线程，找不到任何有用的东西。我尝试过的其他一些事情:

在我们的生产服务器上禁用 HTTPS，并通过 HTTP

发送所有内容

已添加 NSAppTransportSecurity 设置到 *.plist 文件，并将我们的域列入白名单

修补 内容安全策略 ，甚至将其完全删除

隐私说明已正确配置(NSCameraUsage 等)

他们都没有工作。我已经在这个问题上苦苦挣扎了两个星期了。

奇怪的部分
让我感到困惑的是，当我以本地开发机器为目标时，也就是说，当我将 API 调用的基本 URL 设置为指向我的本地 IIS 时，应用程序运行得非常好。没有错误/错误，没有崩溃。

但是当我定位到我们的远程服务器时，当我尝试使用附件(相机、iCloud 等)时，应用程序会崩溃。我不知道我在这里错过了什么。我的机器和我们的远程服务器之间没有区别。两者都运行完全相同的软件，相同的配置，并且移动应用程序是相同的构建，在相同的设备上运行。

所以我可以肯定的是，这个问题与我的应用程序代码或 Cordova 及其插件无关。当针对我的本地 IIS 时，相同的构建完美地工作。

我的应用程序已经在生产中，现在需要修复。这让我发疯，我已经尝试了所有我能想到的方法，但仍然没有运气。有没有人有类似的问题？任何帮助表示赞赏。

我没有被授权分享我的代码，就像我说的，代码没有任何问题，它在定位我的本地 IIS 时工作得非常好。但是为了您的引用，这里有一些关于我的项目的信息。

Config.xml 中的首选项

<preference name="SplashScreen" value="screen" />
<preference name="windows-target-version" value="10.0" />
<preference name="AndroidPersistentFileLocation" value="Internal" />
<preference name="iosPersistentFileLocation" value="Library" />
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="BackupWebStorage" value="local" />

Cordova 插件

<plugin name="cordova-plugin-geolocation" spec="^2.4.3">
    <variable name="GEOLOCATION_USAGE_DESCRIPTION" value="Location access allows you to capture your geolocation information on to your records." />
</plugin>
<plugin name="cordova-plugin-device" spec="^1.1.7" />
<plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
<plugin name="cordova-plugin-app-icon-changer" spec="^1.0.0" />
<plugin name="es6-promise-plugin" spec="^4.2.2" />
<plugin name="cordova-plugin-ios-camera-permissions" spec="^1.2.0">
    <variable name="CAMERA_USAGE_DESCRIPTION" value="Camera access allows you to capture and attach photos that you take to your records." />
    <variable name="MICROPHONE_USAGE_DESCRIPTION" value="Microphone access allows you to capture voice information to your records." />
    <variable name="PHOTOLIBRARY_ADD_USAGE_DESCRIPTION" value="Photo library access allows you to upload your photos and media files to your records." />
    <variable name="PHOTOLIBRARY_USAGE_DESCRIPTION" value="Photo library access allows you to upload your photos and media files to your records." />
</plugin>
<plugin name="cordova-plugin-android-fingerprint-auth" spec="^1.4.1" />
<plugin name="cordova-plugin-inappbrowser" spec="^3.0.0" />
<plugin name="cordova-plugin-filechooser" spec="1.1.0" />
<plugin name="cordova-plugin-crosswalk-webview" spec="2.4.0">
    <variable name="XWALK_VERSION" value="23+" />
    <variable name="XWALK_LITEVERSION" value="xwalk_core_library_canary:17+" />
    <variable name="XWALK_COMMANDLINE" value="--disable-pull-to-refresh-effect" />
    <variable name="XWALK_MODE" value="embedded" />
    <variable name="XWALK_MULTIPLEAPK" value="true" />
</plugin>
<plugin name="cordova-plugin-statusbar" spec="2.4.2" />
<plugin name="cordova-plugin-add-swift-support" spec="1.7.2" />
<plugin name="cordova-plugin-touch-id" spec="3.4.0">
    <variable name="FACEID_USAGE_DESCRIPTION" value="OnRecord would like to access your touch ID to let you log in securely." />
</plugin>
<plugin name="cordova-plugin-media-playback" spec="1.0.2-dev5" />
<plugin name="cordova-plugin-documentpicker" spec="1.0.0" />
<plugin name="cordova-plugin-file" spec="6.0.1" />
<plugin name="cordova-plugin-file-transfer" spec="1.7.1" />
<plugin name="cordova-plugin-media-capture" spec="3.0.2" />
<plugin name="cordova-plugin-camera" spec="4.0.3" />

index.html 中的内容安全策略

<meta http-equiv="Content-Security-Policy" content="default-src 'self' gap://ready ms-appdata file://* *; img-src 'self' content: android-webview-video-poster: data: *; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://maps.googleapis.com https://maps.gstatic.com; media-src *; connect-src *">

应用传输安全策略

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
  <key>NSAllowsArbitraryLoadsInWebContent</key>
  <true/>
  <key>NSAllowsLocalNetworking</key>
  <true/>
  <key>NSExceptionDomains</key>
  <dict>
      <key>your.domain.com</key>
      <dict>
          <key>NSIncludesSubdomains</key>
          <true/>
          <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
          <true/>
          <key>NSTemporaryExceptionMinimumTLSVersion</key>
          <string>1.0</string>
          <key>NSTemporaryExceptionRequiresForwardSecrecy</key>
          <false/>
      </dict>
  </dict>
</dict>

隐私说明(权限)

<key>NSFaceIDUsageDescription</key>
<string>This app would like to access your touch ID to let you log in securely.</string>
<key>NSCameraUsageDescription</key>
<string>This app needs camera access</string>
<key>NSLocationWhenInUseUsageDescription</key>
<string>This app would like to access your location to let you track your records.</string>
<key>NSMicrophoneUsageDescription</key>
<string>This app needs microphone access</string>
<key>NSPhotoLibraryAddUsageDescription</key>
<string>This app needs write-access to photo library</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>This app needs read/write-access photo library access</string>

如果您需要更多信息或任何进一步的解释，请告诉我。我已经尝试尽可能最好地描述问题。回顾一下:

该应用程序在定位到我的本地机器时完美无缺，但在定位到我们的远程服务器时崩溃。困扰我的是，这不应该与我的应用程序有任何关系。相机插件、从不同来源选择文件等发生在设备本地，这与我的基本 API 地址有什么关系？!确实很奇怪。

更新:澄清
经过更多的测试运行，我找到了导致应用程序崩溃的原因。虽然现在还不清楚，但从 UX 的角度来看，这就是 iOS 上发生的事情:

一旦我使用相机插件(cordova-camera)，应用程序很快就会崩溃。如果我从相机胶卷/库中选择一个文件，或者拍照等都没有关系。我只是打开相机或库，取消并导航离开。应用程序崩溃。很明显它与相机插件有关。

困扰我的是，正如我之前提到的，当我通过更改基本 URL 地址来定位我的本地 IIS 时，该应用程序运行良好。我不明白为什么这与相机使用有关，因为它发生在设备本地。我现在推测的是，可能是因为远程 URL 使用 HTTPS 导致应用程序抛出异常。但是我在 Xcode 中没有收到任何警告/错误，所以谁知道呢。

当然，问题不在于cordova-ios、相机插件、我的JS 代码或任何安全配置(App Transport Security 和Content-Security-Policy)。因为该应用程序在针对我的 IIS 时运行良好。我想我在这里遗漏了一些东西。

Answer 1

我终于找到了导致 iOS 应用程序崩溃的原因。问题出在我们的代码中，但仍然与 Cordova 有关，特别是文件和相机插件。

我们的项目中有一个 TypeScript 类，它是很久以前由其他人开发的。这个类使用文件插件和 native 文件系统处理数据访问。我们使用它在设备上存储 JSON 对象，这工作正常，但仅适用于保存一两个文件等小情况。您从服务器获取一些数据，对于每条记录，我们在文件系统上创建一个 JSON 文件并存储它。当我们在循环中使用它时出现问题。假设您从服务器获取 100 条记录，并在循环中调用 save 方法来存储记录。

这工作正常，但在使用相机插件(或有时其他插件，如 iCloud 文档选择器)后，应用程序立即无声地崩溃。我猜文件插件或写操作导致内存泄漏，或者应用程序内存不足，随后访问相机插件导致应用程序崩溃。我不太确定为什么在 Android 上一切正常，可能是因为 Cordova 引擎和 Android 文件系统不同。

尽管如此，没有必要在文件系统上存储 JSON 数据。所以我重构了项目以使用 LocalStorage 代替。它的速度要快得多，而且还解决了这个问题。在 iOS 上没有崩溃!可能可以更改写入文件系统的代码以解决问题，但无论如何都没有必要。

我很高兴我终于弄清楚了这一点，但调试 Cordova 插件和发现内存泄漏是一场血腥的噩梦。唯一剩下的就是用更可靠的东西(比如 SQLite)替换 LocalStorage。因为操作系统可以决定在内存/空间不足时清除数据，而我们无法控制它。目前，完全没问题。我一直在尝试使用 Ionic Storage 模块，因为它使用 SQLite 并允许存储 JSON 或键/值对。但是我一直无法在 Angular 1 中使用该模块，这很糟糕，因为我可以很好地使用其他 Ionic Native 模块。案件结案。