Cordova - Android 上的 XHR 请求在模拟器中工作，但在手机上不工作

Question

所以我有一个已经在应用商店上架了很长一段时间的现有应用，截至 3 天前，我收到了更多支持查询，说我的应用无法连接到我的服务。

现在它终于在我的 Android 设备上发生了 - 一切都适用于 iOS，并且适用于模拟器上的 Android - 但在现实世界中什么都没有。

我已经尽我所能使用 Cordova 进行逐步调试，它通过了白名单测试。我的第一个 XHR 请求运行良好，但随后的请求总是失败，直到我完全关闭应用程序并重新打开。

我正在使用cordova-plugin-whitelist@1.3.4 - 我也尝试过cordova-plugin-whitelist@1.0.0

我的Content-Security-Policy 看起来像这样

<meta http-equiv="Content-Security-Policy" content="default-src * 'self' gap:; img-src http://*.my-site.com.au https://*.my-site.com.au https://*.my-site.com http://*.my-site.com https://*.googleusercontent.com http://*.googleapis.com  https://google.com https://*.google.com https://*.googleapis.com https://*.gstatic.com 'self' data:; style-src http://*.googleapis.com https://*.googleapis.com 'self' 'unsafe-inline'; script-src 'self' https://*.googleapis.com http://*.googleapis.com http://maps.google.com http://*.gstatic.com https://*.gstatic.com https://maps.google.com 'unsafe-inline' 'unsafe-eval'">

我的 Cordova 配置有

<allow-navigation href="*" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />

我尝试使用<access origin="*" /> 添加/删除/替换上述/每个组合，但没有运气。

我的 XHR 响应总是如下所示

xhr.responseUrl = "http://my-site.com/?d=12343902i49"
xhr.status = 0
xhr.responseText = ""

我已经在 Cordova 插件中逐步调试了 XHR 请求，通过在 Whitelist.java 之外的逐步调试，但一切都恢复正常，它成功地上线了

// If we don't need to special-case the request, let the browser load it.
return null;

函数

WebResourceResponse shouldInterceptRequest(WebView view, String url)

在org.apache.cordova.engine.SystemWebViewClient.java

我的 Android 清单有以下内容

<uses-sdk android:minSdkVersion="19" android:targetSdkVersion="28" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_INTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-feature android:name="android.hardware.location.gps" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.RECORD_VIDEO" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.FLASHLIGHT" />
<uses-feature android:name="android.hardware.camera" android:required="true" />
<uses-permission android:name="android.permission.WAKE_LOCK" />
<uses-permission android:name="android.permission.VIBRATE" />

我使用的是 Cordova@8.0.0，Cordova 平台 Android@8.0.0

我花了几个小时试图深入挖掘，我在这里错过了什么？任何帮助将不胜感激！

Answer 1

我发誓我要跳下去。

<uses-sdk android:minSdkVersion="19" android:targetSdkVersion="26" />

将 targetSdkVersion 从 28 更改为 26。有效。但这将是一场噩梦。

编辑：问题又回来了，但仅限于三星 Galaxy 平板电脑。我无法在其他任何地方复制这种行为。

Edit2：事情……又好了？

Answer 2

尝试将android:usesCleartextTraffic="true" 添加到AndroidManifest.xml 中的<application> 或使用config.xml 如下所示

<platform name="android">
  <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
      <application android:usesCleartextTraffic="true" />
  </edit-config>
</platform>

android:usesCleartextTraffic 指示应用是否打算使用明文网络流量，例如明文 HTTP。默认 针对 API 级别 27 或更低级别的应用的值为“true”。应用程序 目标 API 级别 28 或更高级别默认为“false”。 More info

明文是任何传输或存储的信息 加密或打算加密。当应用程序与 服务器使用明文网络流量，例如 HTTP，它可以 会增加窃听和篡改内容的风险，这就是为什么在最新的 Android 设备中默认设置为 false。

Answer 3

如果你降低targetSDK问题就消失了，可能是Nidhin Josehp提到的usesCleartextTraffic。它仅在面向 SDK 28 或更高版本时影响 Android 8 或更高版本的设备。

您可以将其添加到 config.xml

<platform name="android">
  <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
      <application android:usesCleartextTraffic="true" />
  </edit-config>
</platform>

您可能需要将config.xml 中的小部件标签更改为如下所示：

<widget id="com.your.app.id" version="1.0.0"
xmlns="http://www.w3.org/ns/widgets" 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:cdv="http://cordova.apache.org/ns/1.0">

（添加的是xmlns:android="http://schemas.android.com/apk/res/android"）

Answer 4

您的问题听起来与Cordova doesn't send origin on request in some Android devices 中讨论的非常相似，这是指由 Chrome 76 中引入的错误引起的与 CORS 相关的问题（基于相同版本的 WebKit 的 WebViews 也受到影响）。 Chrome 76 于 2019 年 8 月开始推出。如果受影响的应用重新启动但随机返回，问题通常会消失。

对应的票是https://bugs.chromium.org/p/chromium/issues/detail?id=991107。根据票证，该问题已在 Chrome 76.0.3809.111 中得到解决，这些天正在推出。

在您的模拟器上，您可能使用的是旧版本的 Chrome，这可能是问题没有出现的原因。如果您比较受影响和未受影响的设备，发现只有运行 Chrome 版本 >= 76.0 和 76.0.3809.111 的设备出现症状，您可能找到了问题的原因。

如果是这种情况，您至少有以下选择：

• 请稍等，Chrome 的固定版本已经推出（许多受影响的手机可能已经出现这种情况）。
• 如果您可以控制服务器，您可以将file:// 原点添加到the list of allowed origins 那里，which is what we did。不过，您必须仔细考虑安全隐患。

顺便说一句，重新启动应用程序后，该问题通常会消失，这使得调试变得困难。我们发现，可以通过卸载并重新安装受影响的应用程序来重现它。